{"product_id":"6-3-ft-telescopic-cargo-grabber-retriever-adjustable-dual-hook-pulling-tool-for-pickup-trucks-boats-garages","title":"Bras télescopique de préhension et de récupération de 6,3 pi – Outil de traction à double crochet réglable pour pick-ups, bateaux et garages","description":"\u003cstyle\u003e\n\/* =========================================================\n   6.3 FT TELESCOPIC CARGO GRABBER\n   CONNECTED SHOPIFY DETAIL PAGE\n========================================================= *\/\n\n#cargo-grabber-page{\n  --bg:#f2f4f5;\n  --bg2:#e9edef;\n\n  --steel:#3f484f;\n  --steel2:#68747d;\n\n  --blue:#128fc4;\n  --blue2:#42b5df;\n  --blue-soft:#d9f0f8;\n\n  --silver:#bcc5ca;\n\n  --text:#31383d;\n  --muted:#697178;\n\n  --line:rgba(62,76,86,.09);\n\n  width:100%;\n  max-width:1120px;\n  margin:0 auto;\n  padding:10px 18px 50px;\n\n  color:var(--text);\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Arial,\n    Helvetica,\n    sans-serif;\n\n  line-height:1.6;\n\n  position:relative;\n  z-index:0 !important;\n  isolation:isolate;\n}\n\n#cargo-grabber-page *{\n  box-sizing:border-box;\n}\n\n#cargo-grabber-page h2,\n#cargo-grabber-page h3,\n#cargo-grabber-page p{\n  margin-top:0;\n}\n\n\n\/* =========================================================\n   CONNECTED SHELL\n========================================================= *\/\n\n#cargo-grabber-page .cg-shell{\n  position:relative;\n  overflow:hidden;\n\n  border:1px solid rgba(62,76,86,.09);\n  border-radius:32px;\n\n  background:var(--bg);\n\n  box-shadow:\n    0 18px 55px rgba(38,48,55,.075);\n\n  z-index:0 !important;\n  isolation:isolate;\n}\n\n#cargo-grabber-page .cg-section{\n  position:relative;\n  overflow:hidden;\n\n  margin:0;\n\n  border-top:1px solid var(--line);\n\n  background:var(--bg);\n\n  z-index:0 !important;\n  isolation:isolate;\n}\n\n#cargo-grabber-page .cg-section:first-child{\n  border-top:0;\n}\n\n#cargo-grabber-page .cg-section::before,\n#cargo-grabber-page .cg-section::after{\n  position:absolute;\n  pointer-events:none;\n\n  z-index:0 !important;\n}\n\n#cargo-grabber-page .cg-section \u003e *{\n  position:relative;\n  z-index:1 !important;\n}\n\n\n\/* =========================================================\n   GLOBAL\n========================================================= *\/\n\n#cargo-grabber-page .cg-kicker{\n  display:inline-block;\n\n  margin-bottom:10px;\n\n  color:var(--blue);\n\n  font-size:12px;\n  font-weight:800;\n  letter-spacing:1.35px;\n  text-transform:uppercase;\n}\n\n#cargo-grabber-page .cg-title{\n  margin-bottom:14px;\n\n  font-size:37px;\n  font-weight:850;\n\n  line-height:1.1;\n  letter-spacing:-.8px;\n}\n\n#cargo-grabber-page .cg-copy{\n  max-width:760px;\n  margin:0 auto;\n\n  color:var(--muted);\n\n  font-size:16px;\n  line-height:1.72;\n}\n\n\n\/* =========================================================\n   ONE-WAY TITLE FLOW\n   枪灰 → 银灰 → 电光蓝 → 枪灰\n========================================================= *\/\n\n#cargo-grabber-page .cg-title,\n#cargo-grabber-page .cg-hero h2,\n#cargo-grabber-page .cg-product-head h2,\n#cargo-grabber-page .cg-final h2{\n\n  background:linear-gradient(\n    90deg,\n    #343d43 0%,\n    #64727b 22%,\n    #aeb9bf 39%,\n    #26a6d5 56%,\n    #78d0eb 69%,\n    #566873 86%,\n    #343d43 100%\n  );\n\n  background-size:240% 100%;\n\n  -webkit-background-clip:text;\n  background-clip:text;\n\n  -webkit-text-fill-color:transparent;\n  color:transparent;\n\n  animation:cg-title-flow 15s linear infinite;\n}\n\n#cargo-grabber-page .cg-title span,\n#cargo-grabber-page .cg-hero h2 span,\n#cargo-grabber-page .cg-final h2 span{\n  color:inherit !important;\n  -webkit-text-fill-color:transparent !important;\n}\n\n@keyframes cg-title-flow{\n  0%{\n    background-position:100% 50%;\n  }\n\n  100%{\n    background-position:-140% 50%;\n  }\n}\n\n\n\/* =========================================================\n   SHARED CARDS\n========================================================= *\/\n\n#cargo-grabber-page .cg-grid-3{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n\n  gap:13px;\n  margin-top:31px;\n}\n\n#cargo-grabber-page .cg-grid-4{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n\n  gap:12px;\n  margin-top:31px;\n}\n\n#cargo-grabber-page .cg-card{\n  padding:27px 19px;\n\n  border:1px solid rgba(62,76,86,.085);\n  border-radius:18px;\n\n  background:rgba(255,255,255,.58);\n\n  box-shadow:\n    0 7px 20px rgba(38,48,55,.025);\n}\n\n#cargo-grabber-page .cg-card span{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  width:46px;\n  height:46px;\n\n  margin:0 auto 10px;\n\n  border-radius:14px;\n\n  background:#e3edf1;\n\n  color:var(--blue);\n\n  font-size:21px;\n}\n\n#cargo-grabber-page .cg-card strong{\n  display:block;\n\n  margin-bottom:6px;\n\n  font-size:15px;\n}\n\n#cargo-grabber-page .cg-card p{\n  margin:0;\n\n  color:var(--muted);\n\n  font-size:12px;\n  line-height:1.6;\n}\n\n\n\/* =========================================================\n   1. HERO\n========================================================= *\/\n\n#cargo-grabber-page .cg-hero{\n  padding:80px 42px 70px;\n\n  text-align:center;\n\n  background:\n    radial-gradient(\n      circle at 12% 16%,\n      rgba(18,143,196,.10),\n      transparent 24%\n    ),\n\n    radial-gradient(\n      circle at 88% 82%,\n      rgba(63,72,79,.045),\n      transparent 24%\n    ),\n\n    repeating-linear-gradient(\n      90deg,\n      transparent 0,\n      transparent 39px,\n      rgba(18,143,196,.010) 40px\n    ),\n\n    var(--bg);\n}\n\n#cargo-grabber-page .cg-hero::before{\n  content:\"↔\";\n\n  left:27px;\n  bottom:7px;\n\n  color:rgba(18,143,196,.06);\n\n  font-size:49px;\n}\n\n#cargo-grabber-page .cg-hero::after{\n  content:\"⌝\";\n\n  right:29px;\n  top:7px;\n\n  color:rgba(63,72,79,.055);\n\n  font-size:58px;\n}\n\n#cargo-grabber-page .cg-hero-inner{\n  max-width:900px;\n  margin:0 auto;\n}\n\n#cargo-grabber-page .cg-hero h2{\n  max-width:900px;\n  margin:0 auto 18px;\n\n  font-size:50px;\n  font-weight:900;\n\n  line-height:1.03;\n  letter-spacing:-1.2px;\n}\n\n#cargo-grabber-page .cg-hero p{\n  max-width:790px;\n  margin:0 auto 30px;\n\n  color:#687178;\n\n  font-size:17px;\n  line-height:1.72;\n}\n\n#cargo-grabber-page .cg-badges{\n  display:flex;\n  justify-content:center;\n  flex-wrap:wrap;\n\n  gap:9px;\n}\n\n#cargo-grabber-page .cg-badge{\n  padding:10px 15px;\n\n  border:1px solid rgba(62,76,86,.10);\n  border-radius:999px;\n\n  background:rgba(255,255,255,.61);\n\n  color:#52616a;\n\n  font-size:12px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   2. REACH\n========================================================= *\/\n\n#cargo-grabber-page .cg-reach{\n  padding:60px 42px;\n\n  text-align:center;\n\n  background:\n    radial-gradient(\n      circle at 91% 12%,\n      rgba(18,143,196,.055),\n      transparent 21%\n    ),\n\n    radial-gradient(\n      circle at 8% 88%,\n      rgba(63,72,79,.03),\n      transparent 21%\n    ),\n\n    var(--bg);\n}\n\n#cargo-grabber-page .cg-reach::before{\n  content:\"2.5 FT\";\n\n  left:25px;\n  top:18px;\n\n  color:rgba(63,72,79,.04);\n\n  font-size:12px;\n  font-weight:900;\n  letter-spacing:2px;\n}\n\n#cargo-grabber-page .cg-reach::after{\n  content:\"6.3 FT\";\n\n  right:27px;\n  bottom:15px;\n\n  color:rgba(18,143,196,.055);\n\n  font-size:12px;\n  font-weight:900;\n  letter-spacing:2px;\n}\n\n\n\/* =========================================================\n   3. TELESCOPIC\n========================================================= *\/\n\n#cargo-grabber-page .cg-telescope{\n  padding:60px 42px;\n\n  text-align:center;\n\n  background:\n    repeating-linear-gradient(\n      135deg,\n      transparent 0,\n      transparent 31px,\n      rgba(62,76,86,.009) 32px\n    ),\n\n    radial-gradient(\n      circle at 10% 15%,\n      rgba(18,143,196,.05),\n      transparent 22%\n    ),\n\n    var(--bg);\n}\n\n#cargo-grabber-page .cg-telescope::before{\n  content:\"↔\";\n\n  left:26px;\n  bottom:5px;\n\n  color:rgba(18,143,196,.055);\n\n  font-size:47px;\n}\n\n#cargo-grabber-page .cg-telescope::after{\n  content:\"|||\";\n\n  right:27px;\n  top:12px;\n\n  color:rgba(63,72,79,.035);\n\n  font-size:29px;\n  letter-spacing:4px;\n}\n\n\n\/* =========================================================\n   4. HOOKS\n========================================================= *\/\n\n#cargo-grabber-page .cg-hooks{\n  padding:60px 42px;\n\n  text-align:center;\n\n  background:\n    radial-gradient(\n      circle at 91% 12%,\n      rgba(18,143,196,.055),\n      transparent 21%\n    ),\n\n    var(--bg);\n}\n\n#cargo-grabber-page .cg-hooks::before{\n  content:\"⌟\";\n\n  left:26px;\n  top:4px;\n\n  color:rgba(63,72,79,.05);\n\n  font-size:59px;\n}\n\n#cargo-grabber-page .cg-hooks::after{\n  content:\"⌝\";\n\n  right:28px;\n  bottom:2px;\n\n  color:rgba(18,143,196,.055);\n\n  font-size:59px;\n}\n\n\n\/* =========================================================\n   5. PULLING FORCE\n========================================================= *\/\n\n#cargo-grabber-page .cg-force{\n  padding:60px 42px;\n\n  text-align:center;\n\n  background:\n    radial-gradient(\n      circle at 10% 14%,\n      rgba(18,143,196,.055),\n      transparent 22%\n    ),\n\n    radial-gradient(\n      circle at 90% 87%,\n      rgba(63,72,79,.035),\n      transparent 21%\n    ),\n\n    var(--bg);\n}\n\n#cargo-grabber-page .cg-force::before{\n  content:\"←\";\n\n  left:26px;\n  bottom:4px;\n\n  color:rgba(18,143,196,.05);\n\n  font-size:50px;\n}\n\n#cargo-grabber-page .cg-force::after{\n  content:\"200 LB\";\n\n  right:27px;\n  top:16px;\n\n  color:rgba(63,72,79,.04);\n\n  font-size:11px;\n  font-weight:900;\n  letter-spacing:2px;\n}\n\n\n\/* =========================================================\n   6. BUILD\n========================================================= *\/\n\n#cargo-grabber-page .cg-build{\n  padding:60px 42px;\n\n  text-align:center;\n\n  background:\n    repeating-linear-gradient(\n      90deg,\n      transparent 0,\n      transparent 39px,\n      rgba(62,76,86,.008) 40px\n    ),\n\n    var(--bg);\n}\n\n#cargo-grabber-page .cg-build::before{\n  content:\"◆\";\n\n  left:27px;\n  top:11px;\n\n  color:rgba(63,72,79,.045);\n\n  font-size:36px;\n}\n\n#cargo-grabber-page .cg-build::after{\n  content:\"✦\";\n\n  right:29px;\n  bottom:8px;\n\n  color:rgba(18,143,196,.055);\n\n  font-size:34px;\n}\n\n\n\/* =========================================================\n   7. USE CASES\n========================================================= *\/\n\n#cargo-grabber-page .cg-uses{\n  padding:60px 42px;\n\n  text-align:center;\n\n  background:\n    radial-gradient(\n      circle at 91% 12%,\n      rgba(18,143,196,.05),\n      transparent 21%\n    ),\n\n    var(--bg);\n}\n\n#cargo-grabber-page .cg-use-card{\n  padding:25px 15px;\n\n  border:1px solid rgba(62,76,86,.085);\n  border-radius:18px;\n\n  background:rgba(255,255,255,.57);\n}\n\n#cargo-grabber-page .cg-use-card span{\n  display:block;\n\n  margin-bottom:8px;\n\n  font-size:25px;\n}\n\n#cargo-grabber-page .cg-use-card strong{\n  display:block;\n\n  margin-bottom:5px;\n\n  font-size:14px;\n}\n\n#cargo-grabber-page .cg-use-card p{\n  margin:0;\n\n  color:var(--muted);\n\n  font-size:11px;\n  line-height:1.55;\n}\n\n\n\/* =========================================================\n   8. HOW TO USE\n========================================================= *\/\n\n#cargo-grabber-page .cg-steps{\n  padding:60px 42px;\n\n  text-align:center;\n\n  background:\n    radial-gradient(\n      circle at 10% 15%,\n      rgba(63,72,79,.035),\n      transparent 21%\n    ),\n\n    radial-gradient(\n      circle at 90% 84%,\n      rgba(18,143,196,.045),\n      transparent 22%\n    ),\n\n    var(--bg);\n}\n\n#cargo-grabber-page .cg-step-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n\n  gap:13px;\n  margin-top:31px;\n}\n\n#cargo-grabber-page .cg-step{\n  padding:27px 19px;\n\n  border:1px solid rgba(62,76,86,.085);\n  border-radius:18px;\n\n  background:rgba(255,255,255,.58);\n}\n\n#cargo-grabber-page .cg-step-num{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  width:40px;\n  height:40px;\n\n  margin:0 auto 11px;\n\n  border-radius:50%;\n\n  background:linear-gradient(\n    135deg,\n    var(--steel),\n    var(--blue)\n  );\n\n  color:#fff;\n\n  font-size:14px;\n  font-weight:900;\n}\n\n#cargo-grabber-page .cg-step strong{\n  display:block;\n\n  margin-bottom:6px;\n\n  font-size:15px;\n}\n\n#cargo-grabber-page .cg-step p{\n  margin:0;\n\n  color:var(--muted);\n\n  font-size:12px;\n  line-height:1.6;\n}\n\n\n\/* =========================================================\n   9. STORAGE\n========================================================= *\/\n\n#cargo-grabber-page .cg-storage{\n  padding:60px 42px;\n\n  text-align:center;\n\n  background:\n    radial-gradient(\n      circle at 91% 12%,\n      rgba(18,143,196,.045),\n      transparent 21%\n    ),\n\n    var(--bg);\n}\n\n#cargo-grabber-page .cg-storage::before{\n  content:\"▰\";\n\n  left:25px;\n  bottom:7px;\n\n  color:rgba(63,72,79,.035);\n\n  font-size:42px;\n}\n\n#cargo-grabber-page .cg-storage::after{\n  content:\"↘\";\n\n  right:28px;\n  top:12px;\n\n  color:rgba(18,143,196,.05);\n\n  font-size:37px;\n}\n\n\n\/* =========================================================\n   10. PRODUCT INFO\n========================================================= *\/\n\n#cargo-grabber-page .cg-product{\n  padding:60px 42px;\n\n  background:\n    radial-gradient(\n      circle at 91% 10%,\n      rgba(18,143,196,.045),\n      transparent 20%\n    ),\n\n    var(--bg);\n}\n\n#cargo-grabber-page .cg-product-head{\n  margin-bottom:27px;\n\n  text-align:center;\n}\n\n#cargo-grabber-page .cg-product-head h2{\n  margin-bottom:6px;\n\n  font-size:33px;\n}\n\n#cargo-grabber-page .cg-product-card{\n  max-width:850px;\n\n  margin:0 auto;\n  padding:29px;\n\n  border:1px solid rgba(62,76,86,.085);\n  border-radius:19px;\n\n  background:rgba(255,255,255,.58);\n}\n\n#cargo-grabber-page .cg-product-row{\n  display:grid;\n\n  grid-template-columns:190px 1fr;\n\n  gap:15px;\n\n  padding:13px 0;\n\n  border-bottom:1px solid rgba(62,76,86,.075);\n\n  font-size:14px;\n}\n\n#cargo-grabber-page .cg-product-row:last-child{\n  border-bottom:0;\n}\n\n#cargo-grabber-page .cg-product-row strong{\n  color:#374047;\n}\n\n#cargo-grabber-page .cg-product-row span{\n  color:var(--muted);\n}\n\n\n\/* =========================================================\n   11. FAQ\n========================================================= *\/\n\n#cargo-grabber-page .cg-faq{\n  padding:60px 42px;\n\n  background:\n    radial-gradient(\n      circle at 9% 15%,\n      rgba(18,143,196,.045),\n      transparent 21%\n    ),\n\n    var(--bg);\n}\n\n#cargo-grabber-page .cg-faq-head{\n  margin-bottom:28px;\n  text-align:center;\n}\n\n#cargo-grabber-page .cg-faq-list{\n  max-width:850px;\n  margin:0 auto;\n}\n\n#cargo-grabber-page .cg-faq-item{\n  padding:19px 0;\n\n  border-bottom:1px solid var(--line);\n}\n\n#cargo-grabber-page .cg-faq-item:last-child{\n  border-bottom:0;\n}\n\n#cargo-grabber-page .cg-faq-item strong{\n  display:block;\n\n  margin-bottom:6px;\n\n  font-size:14px;\n}\n\n#cargo-grabber-page .cg-faq-item p{\n  margin:0;\n\n  color:var(--muted);\n\n  font-size:13px;\n  line-height:1.68;\n}\n\n\n\/* =========================================================\n   NOTE\n========================================================= *\/\n\n#cargo-grabber-page .cg-note{\n  padding:24px 28px;\n\n  text-align:center;\n\n  background:var(--bg);\n\n  color:#6b7378;\n\n  font-size:12px;\n  line-height:1.72;\n}\n\n\n\/* =========================================================\n   FINAL\n========================================================= *\/\n\n#cargo-grabber-page .cg-final{\n  padding:68px 30px;\n\n  text-align:center;\n\n  background:\n    radial-gradient(\n      circle at 12% 18%,\n      rgba(18,143,196,.07),\n      transparent 24%\n    ),\n\n    radial-gradient(\n      circle at 88% 82%,\n      rgba(63,72,79,.035),\n      transparent 24%\n    ),\n\n    var(--bg);\n}\n\n#cargo-grabber-page .cg-final::before{\n  content:\"↔\";\n\n  left:26px;\n  bottom:7px;\n\n  color:rgba(18,143,196,.055);\n\n  font-size:43px;\n}\n\n#cargo-grabber-page .cg-final::after{\n  content:\"⌝\";\n\n  right:29px;\n  top:8px;\n\n  color:rgba(63,72,79,.045);\n\n  font-size:49px;\n}\n\n#cargo-grabber-page .cg-final h2{\n  max-width:830px;\n\n  margin:0 auto 13px;\n\n  font-size:39px;\n  line-height:1.12;\n}\n\n#cargo-grabber-page .cg-final p{\n  max-width:720px;\n\n  margin:0 auto;\n\n  color:var(--muted);\n\n  font-size:15px;\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media screen and (max-width:749px){\n\n  #cargo-grabber-page{\n    padding:6px 8px 32px;\n  }\n\n  #cargo-grabber-page .cg-shell{\n    border-radius:23px;\n  }\n\n  #cargo-grabber-page .cg-hero{\n    padding:49px 18px 42px;\n  }\n\n  #cargo-grabber-page .cg-hero h2{\n    font-size:31px;\n  }\n\n  #cargo-grabber-page .cg-hero p{\n    font-size:14px;\n  }\n\n  #cargo-grabber-page .cg-title{\n    font-size:27px;\n  }\n\n  #cargo-grabber-page .cg-reach,\n  #cargo-grabber-page .cg-telescope,\n  #cargo-grabber-page .cg-hooks,\n  #cargo-grabber-page .cg-force,\n  #cargo-grabber-page .cg-build,\n  #cargo-grabber-page .cg-uses,\n  #cargo-grabber-page .cg-steps,\n  #cargo-grabber-page .cg-storage,\n  #cargo-grabber-page .cg-product,\n  #cargo-grabber-page .cg-faq{\n    padding:38px 16px;\n  }\n\n  #cargo-grabber-page .cg-grid-3,\n  #cargo-grabber-page .cg-step-grid{\n    grid-template-columns:1fr;\n  }\n\n  #cargo-grabber-page .cg-grid-4{\n    grid-template-columns:1fr 1fr;\n  }\n\n  #cargo-grabber-page .cg-card,\n  #cargo-grabber-page .cg-use-card{\n    padding:22px 16px;\n  }\n\n  #cargo-grabber-page .cg-product-card{\n    padding:21px 17px;\n  }\n\n  #cargo-grabber-page .cg-product-row{\n    grid-template-columns:1fr;\n\n    gap:3px;\n\n    padding:11px 0;\n  }\n\n  #cargo-grabber-page .cg-final{\n    padding:47px 18px;\n  }\n\n  #cargo-grabber-page .cg-final h2{\n    font-size:28px;\n  }\n\n\n  \/* 手机端约 10 秒一轮 *\/\n\n  #cargo-grabber-page .cg-title,\n  #cargo-grabber-page .cg-hero h2,\n  #cargo-grabber-page .cg-product-head h2,\n  #cargo-grabber-page .cg-final h2{\n    animation-duration:10s;\n  }\n\n\n  \/* 手机端背景装饰缩小 *\/\n\n  #cargo-grabber-page .cg-hero::before,\n  #cargo-grabber-page .cg-hero::after,\n  #cargo-grabber-page .cg-telescope::before,\n  #cargo-grabber-page .cg-telescope::after,\n  #cargo-grabber-page .cg-hooks::before,\n  #cargo-grabber-page .cg-hooks::after,\n  #cargo-grabber-page .cg-force::before,\n  #cargo-grabber-page .cg-build::before,\n  #cargo-grabber-page .cg-build::after,\n  #cargo-grabber-page .cg-storage::before,\n  #cargo-grabber-page .cg-storage::after,\n  #cargo-grabber-page .cg-final::before,\n  #cargo-grabber-page .cg-final::after{\n    font-size:24px;\n  }\n\n}\n\u003c\/style\u003e\n\u003cdiv id=\"cargo-grabber-page\"\u003e\n\n\u003cdiv class=\"cg-shell\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"XCC","offers":[{"title":"Default Title","offer_id":44328502034519,"sku":"NC03552609226322-蓝套杆3米+板钩+封蓬勾","price":24.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0679\/5473\/7239\/files\/6_1d749a70-d77a-4cee-b282-91e02c6af447.png?v=1790066484","url":"https:\/\/mycheesemas.com\/fr\/products\/6-3-ft-telescopic-cargo-grabber-retriever-adjustable-dual-hook-pulling-tool-for-pickup-trucks-boats-garages","provider":"mycheesemas","version":"1.0","type":"link"}