{"product_id":"repair-buttons","title":"🚗 Car Headliner Repair Buttons – Quick Fix for Sagging Roof Fabric","description":"\u003cstyle\u003e\n\/* =========================================================\n   CAR ROOF HEADLINER REPAIR BUTTONS\n   SHOPIFY CRO PDP\n   MOBILE FIRST + CONTAINER QUERY\n   ========================================================= *\/\n\n.hrb2-pdp{\n  --ink:#17191d;\n  --text:#363a40;\n  --muted:#686d74;\n\n  --navy:#173f7a;\n  --navy-dark:#102d58;\n  --navy-deep:#0a1f3d;\n\n  --blue-soft:#edf3fb;\n  --blue-soft-2:#dfeaf8;\n\n  --beige:#eee5d8;\n  --beige-soft:#f8f4ee;\n\n  --gray-soft:#f4f5f6;\n\n  --white:#ffffff;\n  --line:#e1e3e6;\n\n  --radius:22px;\n  --radius-sm:15px;\n\n  --shadow:\n    0 8px 28px rgba(17,25,37,.08);\n\n  width:100%;\n  max-width:1200px;\n\n  margin:0 auto;\n  padding:0;\n\n  color:var(--ink);\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Arial,\n    Helvetica,\n    sans-serif;\n\n  container-type:inline-size;\n  container-name:hrb2pdp;\n\n  box-sizing:border-box;\n}\n\n.hrb2-pdp *,\n.hrb2-pdp *::before,\n.hrb2-pdp *::after{\n  box-sizing:border-box;\n}\n\n.hrb2-pdp img{\n  display:block !important;\n\n  width:100% !important;\n  max-width:100% !important;\n  height:auto !important;\n\n  object-fit:contain !important;\n  object-position:center !important;\n\n  margin:0 !important;\n  padding:0 !important;\n\n  border:0;\n}\n\n.hrb2-pdp h1,\n.hrb2-pdp h2,\n.hrb2-pdp h3,\n.hrb2-pdp p{\n  margin-top:0;\n}\n\n.hrb2-pdp h1,\n.hrb2-pdp h2,\n.hrb2-pdp h3{\n  color:var(--ink);\n\n  line-height:1.14;\n  letter-spacing:-.025em;\n}\n\n.hrb2-pdp p{\n  margin-bottom:0;\n\n  color:var(--muted);\n\n  font-size:16px;\n  line-height:1.65;\n}\n\n.hrb2-inner{\n  width:100%;\n  max-width:960px;\n\n  margin:0 auto;\n  padding:0 14px;\n}\n\n.hrb2-section{\n  padding:36px 0;\n}\n\n.hrb2-section-head{\n  width:100%;\n  max-width:720px;\n\n  margin:0 auto 22px;\n\n  text-align:center;\n}\n\n.hrb2-eyebrow{\n  display:inline-block;\n\n  margin-bottom:9px;\n\n  color:var(--navy);\n\n  font-size:12px;\n  line-height:1.2;\n  font-weight:850;\n\n  letter-spacing:.13em;\n  text-transform:uppercase;\n}\n\n.hrb2-section-head h2{\n  margin:0 0 10px;\n\n  font-size:27px;\n}\n\n.hrb2-section-head p{\n  max-width:650px;\n\n  margin:0 auto;\n}\n\n.hrb2-bg-blue{\n  background:var(--blue-soft);\n}\n\n.hrb2-bg-beige{\n  background:var(--beige-soft);\n}\n\n.hrb2-bg-gray{\n  background:var(--gray-soft);\n}\n\n\n\/* =========================================================\n   01 HERO\n   ========================================================= *\/\n\n.hrb2-hero{\n  padding:14px 0 32px;\n}\n\n.hrb2-hero-box{\n  overflow:hidden;\n\n  border-radius:26px;\n\n  background:\n    linear-gradient(\n      145deg,\n      var(--navy-deep) 0%,\n      var(--navy-dark) 100%\n    );\n\n  box-shadow:\n    0 14px 34px rgba(10,31,61,.18);\n}\n\n.hrb2-hero-copy{\n  padding:28px 21px 25px;\n}\n\n.hrb2-hero-badge{\n  display:inline-flex;\n  align-items:center;\n  gap:7px;\n\n  margin-bottom:14px;\n  padding:7px 11px;\n\n  border:1px solid rgba(255,255,255,.15);\n  border-radius:999px;\n\n  background:rgba(255,255,255,.07);\n\n  color:#f1f6fc;\n\n  font-size:11px;\n  line-height:1.2;\n  font-weight:850;\n\n  letter-spacing:.09em;\n  text-transform:uppercase;\n}\n\n.hrb2-hero-pain{\n  margin:0 0 8px !important;\n\n  color:#b9d5fa !important;\n\n  font-size:17px !important;\n  line-height:1.4 !important;\n  font-weight:750;\n}\n\n.hrb2-hero h1{\n  margin:0 0 14px;\n\n  color:#fff;\n\n  font-size:31px;\n  line-height:1.06;\n}\n\n.hrb2-hero h1 span{\n  color:#a9ccf5;\n}\n\n.hrb2-hero-lead{\n  color:rgba(255,255,255,.82) !important;\n\n  font-size:17px !important;\n  line-height:1.58 !important;\n}\n\n.hrb2-hero-highlight{\n  margin-top:17px;\n  padding:14px;\n\n  border-left:4px solid #77a8e4;\n  border-radius:0 13px 13px 0;\n\n  background:rgba(255,255,255,.07);\n\n  color:#fff;\n\n  font-size:15px;\n  line-height:1.5;\n  font-weight:720;\n}\n\n.hrb2-hero-points{\n  display:grid;\n  grid-template-columns:1fr;\n  gap:8px;\n\n  margin-top:18px;\n}\n\n.hrb2-hero-point{\n  display:flex;\n  align-items:center;\n  gap:9px;\n\n  min-height:44px;\n\n  padding:9px 11px;\n\n  border:1px solid rgba(255,255,255,.12);\n  border-radius:13px;\n\n  background:rgba(255,255,255,.06);\n\n  color:#fff;\n\n  font-size:14px;\n  line-height:1.4;\n  font-weight:700;\n}\n\n.hrb2-hero-icon{\n  width:30px;\n  height:30px;\n  flex:0 0 30px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50%;\n\n  background:rgba(119,168,228,.18);\n\n  font-size:15px;\n}\n\n.hrb2-hero-image{\n  padding:12px;\n\n  background:#152943;\n}\n\n.hrb2-hero-image-inner{\n  overflow:hidden;\n\n  border-radius:17px;\n\n  background:#fff;\n}\n\n\n\/* =========================================================\n   02 CORE BENEFITS\n   ========================================================= *\/\n\n.hrb2-core-grid{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:10px;\n}\n\n.hrb2-core-card{\n  padding:16px 11px;\n\n  border:1px solid var(--line);\n  border-radius:17px;\n\n  background:#fff;\n\n  text-align:center;\n}\n\n.hrb2-core-icon{\n  width:45px;\n  height:45px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  margin:0 auto 9px;\n\n  border-radius:14px;\n\n  background:var(--blue-soft);\n\n  font-size:20px;\n}\n\n.hrb2-core-card h3{\n  margin:0 0 4px;\n\n  font-size:15px;\n}\n\n.hrb2-core-card p{\n  font-size:13px;\n  line-height:1.42;\n}\n\n\n\/* =========================================================\n   CORE SELLING POINT DETAILS\n   ========================================================= *\/\n\n.hrb2-feature{\n  overflow:hidden;\n\n  border:1px solid var(--line);\n  border-radius:var(--radius);\n\n  background:#fff;\n\n  box-shadow:var(--shadow);\n}\n\n.hrb2-feature-image{\n  width:100%;\n  overflow:hidden;\n\n  background:#f5f6f7;\n}\n\n.hrb2-feature-copy{\n  padding:23px 20px 25px;\n}\n\n.hrb2-feature-num{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n\n  min-width:38px;\n  height:29px;\n\n  margin-bottom:11px;\n  padding:0 10px;\n\n  border-radius:999px;\n\n  background:var(--blue-soft-2);\n\n  color:var(--navy-dark);\n\n  font-size:12px;\n  font-weight:850;\n}\n\n.hrb2-feature-copy h2{\n  margin:0 0 10px;\n\n  font-size:24px;\n}\n\n.hrb2-feature-copy p + p{\n  margin-top:9px;\n}\n\n.hrb2-chip-row{\n  display:flex;\n  flex-wrap:wrap;\n  gap:7px;\n\n  margin-top:16px;\n}\n\n.hrb2-chip{\n  display:inline-flex;\n  align-items:center;\n\n  min-height:30px;\n\n  padding:6px 10px;\n\n  border:1px solid var(--line);\n  border-radius:999px;\n\n  background:var(--gray-soft);\n\n  color:#50555c;\n\n  font-size:12px;\n  font-weight:750;\n}\n\n\n\/* =========================================================\n   PRODUCT DETAILS\n   ========================================================= *\/\n\n.hrb2-detail-grid{\n  display:grid;\n  grid-template-columns:1fr;\n  gap:14px;\n}\n\n.hrb2-detail-card{\n  overflow:hidden;\n\n  border:1px solid var(--line);\n  border-radius:18px;\n\n  background:#fff;\n}\n\n.hrb2-detail-copy{\n  padding:17px;\n}\n\n.hrb2-detail-copy h3{\n  margin:0 0 7px;\n\n  font-size:18px;\n}\n\n.hrb2-detail-copy p{\n  font-size:14px;\n  line-height:1.52;\n}\n\n\n\/* =========================================================\n   SPECIFICATIONS\n   ========================================================= *\/\n\n.hrb2-spec-box{\n  margin-top:18px;\n  padding:16px;\n\n  border:1px solid var(--line);\n  border-radius:20px;\n\n  background:#fff;\n}\n\n.hrb2-spec-title{\n  margin-bottom:14px;\n}\n\n.hrb2-spec-title h3{\n  margin:0 0 4px;\n\n  font-size:20px;\n}\n\n.hrb2-spec-title p{\n  font-size:14px;\n}\n\n.hrb2-spec-list{\n  display:grid;\n  grid-template-columns:1fr;\n  gap:7px;\n}\n\n.hrb2-spec-row{\n  display:grid;\n  grid-template-columns:40% 60%;\n\n  overflow:hidden;\n\n  border:1px solid var(--line);\n  border-radius:11px;\n\n  background:#fff;\n}\n\n.hrb2-spec-label{\n  padding:11px;\n\n  background:#f3f5f7;\n\n  color:var(--ink);\n\n  font-size:13px;\n  line-height:1.4;\n  font-weight:750;\n}\n\n.hrb2-spec-value{\n  min-width:0;\n\n  padding:11px;\n\n  color:var(--muted);\n\n  font-size:13px;\n  line-height:1.45;\n\n  text-align:right;\n}\n\n.hrb2-spec-note{\n  margin-top:11px;\n  padding:12px;\n\n  border-radius:11px;\n\n  background:var(--blue-soft);\n\n  color:#4d6078;\n\n  font-size:12px;\n  line-height:1.5;\n}\n\n\n\/* =========================================================\n   FAQ\n   ========================================================= *\/\n\n.hrb2-faq{\n  display:grid;\n  grid-template-columns:1fr;\n  gap:9px;\n}\n\n.hrb2-faq details{\n  overflow:hidden;\n\n  border:1px solid var(--line);\n  border-radius:14px;\n\n  background:#fff;\n}\n\n.hrb2-faq summary{\n  position:relative;\n\n  display:block;\n\n  padding:16px 47px 16px 16px;\n\n  list-style:none;\n  cursor:pointer;\n\n  color:var(--ink);\n\n  font-size:15px;\n  line-height:1.4;\n  font-weight:750;\n}\n\n.hrb2-faq summary::-webkit-details-marker{\n  display:none;\n}\n\n.hrb2-faq summary::after{\n  content:\"›\";\n\n  position:absolute;\n  top:50%;\n  right:16px;\n\n  width:26px;\n  height:26px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50%;\n\n  background:var(--blue-soft);\n\n  color:var(--navy);\n\n  font-size:22px;\n  line-height:1;\n\n  transform:\n    translateY(-50%)\n    rotate(90deg);\n\n  transition:transform .25s ease;\n}\n\n.hrb2-faq details[open] summary::after{\n  transform:\n    translateY(-50%)\n    rotate(-90deg);\n}\n\n.hrb2-faq-answer{\n  padding:0 16px 17px;\n}\n\n.hrb2-faq-answer p{\n  font-size:14px;\n}\n\n\n\/* =========================================================\n   CONTAINER QUERY\n   450–650px PRODUCT DESCRIPTION = SINGLE COLUMN\n   TWO-COLUMN MODULES ONLY WHEN ACTUAL CONTAINER \u003e= 780px\n   ========================================================= *\/\n\n@container hrb2pdp (min-width:780px){\n\n  .hrb2-inner{\n    padding-left:18px;\n    padding-right:18px;\n  }\n\n  .hrb2-section{\n    padding:46px 0;\n  }\n\n  .hrb2-hero{\n    padding-top:18px;\n    padding-bottom:40px;\n  }\n\n  .hrb2-hero-box{\n    display:grid;\n    grid-template-columns:.92fr 1.08fr;\n\n    align-items:stretch;\n  }\n\n  .hrb2-hero-copy{\n    display:flex;\n    flex-direction:column;\n    justify-content:center;\n\n    padding:39px 33px;\n  }\n\n  .hrb2-hero h1{\n    font-size:40px;\n  }\n\n  .hrb2-hero-points{\n    grid-template-columns:1fr 1fr;\n  }\n\n  .hrb2-hero-image{\n    display:flex;\n    align-items:center;\n\n    padding:17px;\n  }\n\n  .hrb2-feature{\n    display:grid;\n    grid-template-columns:1.04fr .96fr;\n\n    align-items:center;\n  }\n\n  .hrb2-feature.hrb2-reverse{\n    grid-template-columns:.96fr 1.04fr;\n  }\n\n  .hrb2-feature.hrb2-reverse .hrb2-feature-image{\n    order:2;\n  }\n\n  .hrb2-feature.hrb2-reverse .hrb2-feature-copy{\n    order:1;\n  }\n\n  .hrb2-feature-copy{\n    padding:32px;\n  }\n\n  .hrb2-detail-grid{\n    grid-template-columns:1fr 1fr;\n  }\n\n  .hrb2-section-head h2{\n    font-size:33px;\n  }\n}\n\n@container hrb2pdp (min-width:980px){\n\n  .hrb2-hero-copy{\n    padding:44px 39px;\n  }\n\n  .hrb2-feature-copy{\n    padding:37px;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"hrb2-pdp\"\u003e\n\u003c!-- =====================================================\n       01 HERO\n       ===================================================== --\u003e\n\u003csection class=\"hrb2-hero\"\u003e\n\u003cdiv class=\"hrb2-inner\"\u003e\n\u003cdiv class=\"hrb2-hero-box\"\u003e\n\u003cdiv class=\"hrb2-hero-copy\"\u003e\n\u003cdiv class=\"hrb2-hero-badge\"\u003e🚗 DIY CAR HEADLINER REPAIR\u003c\/div\u003e\n\u003cp class=\"hrb2-hero-pain\"\u003eSagging roof fabric hanging over your head?\u003c\/p\u003e\n\u003ch1\u003ePIN IT BACK UP. \u003cspan\u003eSKIP THE FULL HEADLINER REPLACEMENT.\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"hrb2-hero-lead\"\u003eSecure loose or drooping headliner fabric with fabric-covered screw-in repair buttons for a quicker, cleaner DIY fix.\u003c\/p\u003e\n\u003cdiv class=\"hrb2-hero-highlight\"\u003eNo messy spray glue. No need to remove the entire roof liner. Screw the loose fabric back into place and cover the fixing point with a cleaner-looking fabric cap.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hrb2-hero-image\"\u003e\n\u003cdiv class=\"hrb2-hero-image-inner\"\u003e\u003cimg src=\"https:\/\/fvaulity.com\/cdn\/shop\/files\/main-01_3e010c7b-ab9d-41f5-9bfa-e0917bb7cfe3.jpg?v=1789631519\" alt=\"Car roof headliner repaired with fabric covered repair buttons\" loading=\"eager\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       02 CORE BENEFITS\n       ===================================================== --\u003e\n\u003csection class=\"hrb2-section\"\u003e\n\u003cdiv class=\"hrb2-inner\"\u003e\n\u003cdiv class=\"hrb2-section-head\"\u003e\n\u003cspan class=\"hrb2-eyebrow\"\u003e CORE BENEFITS \u003c\/span\u003e\n\u003ch2\u003eA Simple Way to Fix a Sagging Headliner\u003c\/h2\u003e\n\u003cp\u003eHold loose roof fabric back in place without removing the entire headliner or covering the interior with spray adhesive.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hrb2-core-grid\"\u003e\n\u003cdiv class=\"hrb2-core-card\"\u003e\n\u003cdiv class=\"hrb2-core-icon\"\u003e🔩\u003c\/div\u003e\n\u003ch3\u003eSecure Hold\u003c\/h3\u003e\n\u003cp\u003eScrew-in hardware helps hold loose fabric back in place.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hrb2-core-card\"\u003e\n\u003cdiv class=\"hrb2-core-icon\"\u003e🧵\u003c\/div\u003e\n\u003ch3\u003eCleaner Finish\u003c\/h3\u003e\n\u003cp\u003eFabric-covered caps hide the visible screw point.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hrb2-core-card\"\u003e\n\u003cdiv class=\"hrb2-core-icon\"\u003e🔧\u003c\/div\u003e\n\u003ch3\u003eDIY Friendly\u003c\/h3\u003e\n\u003cp\u003eMark, screw and cover the repair point.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hrb2-core-card\"\u003e\n\u003cdiv class=\"hrb2-core-icon\"\u003e🚫\u003c\/div\u003e\n\u003ch3\u003eNo Spray Glue\u003c\/h3\u003e\n\u003cp\u003eAvoid sticky adhesive and messy overspray.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       SELLING POINT 01\n       ===================================================== --\u003e\n\u003csection class=\"hrb2-section hrb2-bg-blue\"\u003e\n\u003cdiv class=\"hrb2-inner\"\u003e\n\u003cdiv class=\"hrb2-feature\"\u003e\n\u003cdiv class=\"hrb2-feature-image\"\u003e\u003cimg src=\"https:\/\/fvaulity.com\/cdn\/shop\/files\/main-02_bc18d104-8b58-42f7-b37a-b4eac5a13c51.jpg?v=1789631519\" alt=\"Sagging car headliner fabric hanging inside vehicle\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hrb2-feature-copy\"\u003e\n\u003cspan class=\"hrb2-feature-num\"\u003e 01 \u003c\/span\u003e\n\u003ch2\u003eGet Sagging Fabric Back Above Your Head\u003c\/h2\u003e\n\u003cp\u003eAging headliner adhesive can allow the roof fabric to drop into the cabin, making the interior look worn and sometimes reducing headroom.\u003c\/p\u003e\n\u003cp\u003eAdd fixing points across the loose area to pull the fabric back toward the roof.\u003c\/p\u003e\n\u003cdiv class=\"hrb2-chip-row\"\u003e\n\u003cspan class=\"hrb2-chip\"\u003e Sagging Fabric \u003c\/span\u003e \u003cspan class=\"hrb2-chip\"\u003e Cleaner Interior \u003c\/span\u003e \u003cspan class=\"hrb2-chip\"\u003e Better Headroom \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       SELLING POINT 02\n       ===================================================== --\u003e\n\u003csection class=\"hrb2-section\"\u003e\n\u003cdiv class=\"hrb2-inner\"\u003e\n\u003cdiv class=\"hrb2-feature hrb2-reverse\"\u003e\n\u003cdiv class=\"hrb2-feature-image\"\u003e\u003cimg src=\"https:\/\/fvaulity.com\/cdn\/shop\/files\/main-03_6902a50c-36b0-4101-acce-9b2d60aef507.jpg?v=1789631519\" alt=\"Installing headliner repair button with screwdriver\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hrb2-feature-copy\"\u003e\n\u003cspan class=\"hrb2-feature-num\"\u003e 02 \u003c\/span\u003e\n\u003ch2\u003eRepair It Without Removing the Entire Headliner\u003c\/h2\u003e\n\u003cp\u003ePlace the fixing point where the fabric needs support, then drive the threaded screw through the loose material and into the suitable headliner backing area.\u003c\/p\u003e\n\u003cp\u003eIt gives you a practical localized repair without dismantling the full roof liner.\u003c\/p\u003e\n\u003cdiv class=\"hrb2-chip-row\"\u003e\n\u003cspan class=\"hrb2-chip\"\u003e Screw-In Design \u003c\/span\u003e \u003cspan class=\"hrb2-chip\"\u003e Localized Repair \u003c\/span\u003e \u003cspan class=\"hrb2-chip\"\u003e No Full Removal \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       SELLING POINT 03\n       ===================================================== --\u003e\n\u003csection class=\"hrb2-section hrb2-bg-beige\"\u003e\n\u003cdiv class=\"hrb2-inner\"\u003e\n\u003cdiv class=\"hrb2-feature\"\u003e\n\u003cdiv class=\"hrb2-feature-image\"\u003e\u003cimg src=\"https:\/\/fvaulity.com\/cdn\/shop\/files\/main-04_25be09b4-9e83-4e1e-ab46-d3c8088cb180.jpg?v=1789631519\" alt=\"Fabric covered headliner repair buttons installed on roof lining\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hrb2-feature-copy\"\u003e\n\u003cspan class=\"hrb2-feature-num\"\u003e 03 \u003c\/span\u003e\n\u003ch2\u003eFabric-Covered Caps Hide the Hardware\u003c\/h2\u003e\n\u003cp\u003eInstead of leaving exposed metal screw heads across the vehicle ceiling, each visible fixing point is finished with a fabric-covered cap.\u003c\/p\u003e\n\u003cp\u003eSpace the buttons evenly to create a cleaner, more intentional-looking repair pattern.\u003c\/p\u003e\n\u003cdiv class=\"hrb2-chip-row\"\u003e\n\u003cspan class=\"hrb2-chip\"\u003e Fabric Finish \u003c\/span\u003e \u003cspan class=\"hrb2-chip\"\u003e Hidden Hardware \u003c\/span\u003e \u003cspan class=\"hrb2-chip\"\u003e Neater Appearance \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       SELLING POINT 04\n       ===================================================== --\u003e\n\u003csection class=\"hrb2-section\"\u003e\n\u003cdiv class=\"hrb2-inner\"\u003e\n\u003cdiv class=\"hrb2-feature hrb2-reverse\"\u003e\n\u003cdiv class=\"hrb2-feature-image\"\u003e\u003cimg src=\"https:\/\/fvaulity.com\/cdn\/shop\/files\/main-05_382c2ebb-80c8-494d-91cf-21e88aeeb62c.jpg?v=1789631519\" alt=\"Metal screw base and layered headliner repair button structure\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hrb2-feature-copy\"\u003e\n\u003cspan class=\"hrb2-feature-num\"\u003e 04 \u003c\/span\u003e\n\u003ch2\u003eMechanical Fastening Instead of Failing Adhesive\u003c\/h2\u003e\n\u003cp\u003eThe repair uses a threaded screw and metal retaining base to create a direct fixing point through the loose headliner fabric.\u003c\/p\u003e\n\u003cp\u003eThat means the repair does not depend on the old factory adhesive that has already started to fail.\u003c\/p\u003e\n\u003cdiv class=\"hrb2-chip-row\"\u003e\n\u003cspan class=\"hrb2-chip\"\u003e Threaded Screw \u003c\/span\u003e \u003cspan class=\"hrb2-chip\"\u003e Metal Base \u003c\/span\u003e \u003cspan class=\"hrb2-chip\"\u003e Mechanical Hold \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       SELLING POINT 05\n       ===================================================== --\u003e\n\u003csection class=\"hrb2-section hrb2-bg-gray\"\u003e\n\u003cdiv class=\"hrb2-inner\"\u003e\n\u003cdiv class=\"hrb2-feature\"\u003e\n\u003cdiv class=\"hrb2-feature-image\"\u003e\u003cimg src=\"https:\/\/fvaulity.com\/cdn\/shop\/files\/main-06_02983286-310b-4768-9c7d-1e560a87468a.jpg?v=1789631519\" alt=\"20 millimeter car headliner repair button dimensions\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hrb2-feature-copy\"\u003e\n\u003cspan class=\"hrb2-feature-num\"\u003e 05 \u003c\/span\u003e\n\u003ch2\u003eCompact 0.79-Inch Repair Caps\u003c\/h2\u003e\n\u003cp\u003eEach visible button measures approximately 20 mm \/ 0.79 in across.\u003c\/p\u003e\n\u003cp\u003eThe compact size provides a visible fixing point without creating an oversized fixture across the ceiling.\u003c\/p\u003e\n\u003cdiv class=\"hrb2-chip-row\"\u003e\n\u003cspan class=\"hrb2-chip\"\u003e 0.79 in \/ 20 mm \u003c\/span\u003e \u003cspan class=\"hrb2-chip\"\u003e Compact Profile \u003c\/span\u003e \u003cspan class=\"hrb2-chip\"\u003e Low-Visual Bulk \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       SELLING POINT 06\n       ===================================================== --\u003e\n\u003csection class=\"hrb2-section\"\u003e\n\u003cdiv class=\"hrb2-inner\"\u003e\n\u003cdiv class=\"hrb2-feature hrb2-reverse\"\u003e\n\u003cdiv class=\"hrb2-feature-image\"\u003e\u003cimg src=\"https:\/\/fvaulity.com\/cdn\/shop\/files\/main-08_c1f537a7-2d0e-4afc-967c-a8884341fc87.jpg?v=1789631519\" alt=\"Before and after sagging car headliner repair\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hrb2-feature-copy\"\u003e\n\u003cspan class=\"hrb2-feature-num\"\u003e 06 \u003c\/span\u003e\n\u003ch2\u003eSkip the Mess of Spray Adhesive\u003c\/h2\u003e\n\u003cp\u003eSpray adhesive can be difficult to apply evenly inside a vehicle and may leave sticky residue or overspray on surrounding trim.\u003c\/p\u003e\n\u003cp\u003eScrew-in fixing points let you secure the loose fabric directly without spraying glue across the roof.\u003c\/p\u003e\n\u003cdiv class=\"hrb2-chip-row\"\u003e\n\u003cspan class=\"hrb2-chip\"\u003e No Spray Glue \u003c\/span\u003e \u003cspan class=\"hrb2-chip\"\u003e Less Mess \u003c\/span\u003e \u003cspan class=\"hrb2-chip\"\u003e Direct Fixing \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       04 PRODUCT DETAILS\n       ===================================================== --\u003e\n\u003csection class=\"hrb2-section hrb2-bg-blue\"\u003e\n\u003cdiv class=\"hrb2-inner\"\u003e\n\u003cdiv class=\"hrb2-section-head\"\u003e\n\u003cspan class=\"hrb2-eyebrow\"\u003e PRODUCT DETAILS \u003c\/span\u003e\n\u003ch2\u003eSize, Installation \u0026amp; Available Finishes\u003c\/h2\u003e\n\u003cp\u003eCheck the installation process, components and finish options before choosing your set.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hrb2-detail-grid\"\u003e\n\u003c!-- DETAIL 01 --\u003e\n\u003cdiv class=\"hrb2-detail-card\"\u003e\n\u003cimg src=\"https:\/\/fvaulity.com\/cdn\/shop\/files\/main-07_72cddbe7-4bad-41fa-a569-ba2140a607cf.jpg?v=1789631519\" alt=\"Four step installation guide for headliner repair buttons\" loading=\"lazy\"\u003e\n\u003cdiv class=\"hrb2-detail-copy\"\u003e\n\u003ch3\u003eSimple 4-Step Installation\u003c\/h3\u003e\n\u003cp\u003ePlan the spacing, install the screw base, attach the fabric cap and repeat across the loose area.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- DETAIL 02 --\u003e\n\u003cdiv class=\"hrb2-detail-card\"\u003e\n\u003cimg src=\"https:\/\/fvaulity.com\/cdn\/shop\/files\/04_b4fa1996-bfc2-4017-ac57-1c7176d00e1f.jpg?v=1789631498\" alt=\"Black fabric covered car headliner repair button set\" loading=\"lazy\"\u003e\n\u003cdiv class=\"hrb2-detail-copy\"\u003e\n\u003ch3\u003eDark Interior Option\u003c\/h3\u003e\n\u003cp\u003eBlack fabric-covered caps coordinate more naturally with darker roof liners and vehicle interiors.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- DETAIL 03 --\u003e\n\u003cdiv class=\"hrb2-detail-card\"\u003e\n\u003cimg src=\"https:\/\/fvaulity.com\/cdn\/shop\/files\/05_1cbe32cc-9948-47a5-bb84-5f9a30d48c13.jpg?v=1789631498\" alt=\"Beige car headliner repair button kit\" loading=\"lazy\"\u003e\n\u003cdiv class=\"hrb2-detail-copy\"\u003e\n\u003ch3\u003eBeige Interior Option\u003c\/h3\u003e\n\u003cp\u003eBeige caps are designed to blend more naturally with tan, cream and light-color roof fabrics.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- DETAIL 04 --\u003e\n\u003cdiv class=\"hrb2-detail-card\"\u003e\n\u003cimg src=\"https:\/\/fvaulity.com\/cdn\/shop\/files\/06_547006d6-06e3-4fed-9664-476e29cb3493.jpg?v=1789631498\" alt=\"Gray fabric covered car roof headliner repair buttons\" loading=\"lazy\"\u003e\n\u003cdiv class=\"hrb2-detail-copy\"\u003e\n\u003ch3\u003eGray Interior Option\u003c\/h3\u003e\n\u003cp\u003eGray fabric caps provide another neutral option for common automotive headliner colors.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =================================================\n           SPECIFICATIONS\n           ================================================= --\u003e\n\u003cdiv class=\"hrb2-spec-box\"\u003e\n\u003cdiv class=\"hrb2-spec-title\"\u003e\n\u003ch3\u003eSpecifications\u003c\/h3\u003e\n\u003cp\u003eKey product measurements and kit options.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hrb2-spec-list\"\u003e\n\u003cdiv class=\"hrb2-spec-row\"\u003e\n\u003cdiv class=\"hrb2-spec-label\"\u003eProduct\u003c\/div\u003e\n\u003cdiv class=\"hrb2-spec-value\"\u003eCar Headliner Repair Buttons\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hrb2-spec-row\"\u003e\n\u003cdiv class=\"hrb2-spec-label\"\u003eCap Diameter\u003c\/div\u003e\n\u003cdiv class=\"hrb2-spec-value\"\u003eApprox. 0.79 in \/ 20 mm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hrb2-spec-row\"\u003e\n\u003cdiv class=\"hrb2-spec-label\"\u003eCap Height\u003c\/div\u003e\n\u003cdiv class=\"hrb2-spec-value\"\u003eApprox. 0.24 in \/ 6 mm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hrb2-spec-row\"\u003e\n\u003cdiv class=\"hrb2-spec-label\"\u003eScrew Length\u003c\/div\u003e\n\u003cdiv class=\"hrb2-spec-value\"\u003eApprox. 0.43 in \/ 11 mm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hrb2-spec-row\"\u003e\n\u003cdiv class=\"hrb2-spec-label\"\u003eScrew Base\u003c\/div\u003e\n\u003cdiv class=\"hrb2-spec-value\"\u003eApprox. 0.31 in \/ 8 mm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hrb2-spec-row\"\u003e\n\u003cdiv class=\"hrb2-spec-label\"\u003eQuantity Options\u003c\/div\u003e\n\u003cdiv class=\"hrb2-spec-value\"\u003e10 \/ 30 \/ 40 \/ 60 Pcs\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hrb2-spec-row\"\u003e\n\u003cdiv class=\"hrb2-spec-label\"\u003eFinish Options\u003c\/div\u003e\n\u003cdiv class=\"hrb2-spec-value\"\u003eBeige \/ Gray \/ Black \/ Off-White\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hrb2-spec-row\"\u003e\n\u003cdiv class=\"hrb2-spec-label\"\u003eInstallation\u003c\/div\u003e\n\u003cdiv class=\"hrb2-spec-value\"\u003eScrew-In Headliner Fixing\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hrb2-spec-row\"\u003e\n\u003cdiv class=\"hrb2-spec-label\"\u003eMain Use\u003c\/div\u003e\n\u003cdiv class=\"hrb2-spec-value\"\u003eSagging Automotive Roof Fabric Repair\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hrb2-spec-note\"\u003e\n\u003cstrong\u003eInstallation Note:\u003c\/strong\u003e Vehicle roof construction varies. Before inserting screws, check the area above the headliner and avoid wiring, lights, sunroof components, sensors, airbags or other hidden vehicle hardware.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       05 FAQ\n       PAGE ENDS HERE\n       ===================================================== --\u003e\n\u003csection class=\"hrb2-section\"\u003e\n\u003cdiv class=\"hrb2-inner\"\u003e\n\u003cdiv class=\"hrb2-section-head\"\u003e\n\u003cspan class=\"hrb2-eyebrow\"\u003e FAQ \u003c\/span\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hrb2-faq\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWhat are these buttons designed to repair?\u003c\/summary\u003e\n\u003cdiv class=\"hrb2-faq-answer\"\u003e\n\u003cp\u003eThey are designed to secure loose or sagging automotive headliner fabric back toward the roof.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eDo I need to remove the entire headliner?\u003c\/summary\u003e\n\u003cdiv class=\"hrb2-faq-answer\"\u003e\n\u003cp\u003eNo. The design is intended for localized fixing points, so you can repair loose areas without removing the entire roof liner for normal installation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eDo I need spray adhesive?\u003c\/summary\u003e\n\u003cdiv class=\"hrb2-faq-answer\"\u003e\n\u003cp\u003eNo. The system uses screw-in mechanical fixing points instead of relying on spray adhesive.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eHow large are the visible buttons?\u003c\/summary\u003e\n\u003cdiv class=\"hrb2-faq-answer\"\u003e\n\u003cp\u003eEach visible fabric-covered cap measures approximately 20 mm \/ 0.79 in in diameter.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eHow many buttons do I need?\u003c\/summary\u003e\n\u003cdiv class=\"hrb2-faq-answer\"\u003e\n\u003cp\u003eIt depends on the size and severity of the sagging area. Smaller localized repairs may need fewer fixing points, while larger areas may require more evenly spaced buttons.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eHow should I arrange the buttons?\u003c\/summary\u003e\n\u003cdiv class=\"hrb2-faq-answer\"\u003e\n\u003cp\u003ePlan your positions before installing and keep the spacing as even and symmetrical as possible for a cleaner finished appearance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eAre different colors available?\u003c\/summary\u003e\n\u003cdiv class=\"hrb2-faq-answer\"\u003e\n\u003cp\u003eYes. The product is offered in multiple neutral fabric finishes designed to coordinate with common automotive headliner colors.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWill this fit every vehicle?\u003c\/summary\u003e\n\u003cdiv class=\"hrb2-faq-answer\"\u003e\n\u003cp\u003eHeadliner materials and roof construction vary by vehicle. Check the intended fixing area carefully before installation and make sure there are no hidden vehicle components behind the screw location.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"XHY","offers":[{"title":"Beige \/ BUY 1 (10 Pcs)","offer_id":49160718450873,"sku":"NC02072609173530-米色10pcs","price":13.99,"currency_code":"USD","in_stock":true},{"title":"Beige \/ BUY 2 GET 1 FREE (30 Pcs)","offer_id":49160718483641,"sku":"NC02072609173530-米色10pcs*3","price":27.98,"currency_code":"USD","in_stock":true},{"title":"Beige \/ BUY 3 GET 2 FREE (50 Pcs)","offer_id":49160718516409,"sku":"NC02072609173530-米色10pcs*5","price":41.97,"currency_code":"USD","in_stock":true},{"title":"Black \/ BUY 1 (10 Pcs)","offer_id":49160718549177,"sku":"NC02072609173530-黑色10pcs","price":13.99,"currency_code":"USD","in_stock":true},{"title":"Black \/ BUY 2 GET 1 FREE (30 Pcs)","offer_id":49160718581945,"sku":"NC02072609173530-黑色10pcs*3","price":27.98,"currency_code":"USD","in_stock":true},{"title":"Black \/ BUY 3 GET 2 FREE (50 Pcs)","offer_id":49160718614713,"sku":"NC02072609173530-黑色10pcs*5","price":41.97,"currency_code":"USD","in_stock":true},{"title":"Grey \/ BUY 1 (10 Pcs)","offer_id":49160718647481,"sku":"NC02072609173530-灰色10pcs","price":13.99,"currency_code":"USD","in_stock":true},{"title":"Grey \/ BUY 2 GET 1 FREE (30 Pcs)","offer_id":49160718680249,"sku":"NC02072609173530-灰色10pcs*3","price":27.98,"currency_code":"USD","in_stock":true},{"title":"Grey \/ BUY 3 GET 2 FREE (50 Pcs)","offer_id":49160718713017,"sku":"NC02072609173530-灰色10pcs*5","price":41.97,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0784\/9541\/6505\/files\/main-01_3e010c7b-ab9d-41f5-9bfa-e0917bb7cfe3.jpg?v=1789631519","url":"https:\/\/fvaulity.com\/products\/repair-buttons","provider":"fvaulity","version":"1.0","type":"link"}