{"product_id":"self-locking-ratchet-pliers-2-in-1-multi-function-pliers-with-labor-saving-grip","title":"Pince à cliquet autobloquante – Pince multifonction 2-en-1 avec serrage facilitant l’effort","description":"\u003cstyle\u003e\n\/* =====================================================\n   SELF-LOCKING RATCHET PLIERS\n   PREMIUM 16-MODULE SHOPIFY PRODUCT PAGE\n===================================================== *\/\n\n#ratchet-pliers-detail{\n  --rp-bg:#edf0ef;\n  --rp-soft:#f9faf9;\n  --rp-ink:#283b45;\n  --rp-deep:#20333d;\n  --rp-muted:#62737b;\n  --rp-orange:#e8752e;\n  --rp-orange-soft:#fff0e3;\n  --rp-steel:#526a76;\n  --rp-line:rgba(58,83,95,.13);\n\n  position:relative;\n  isolation:isolate;\n  box-sizing:border-box;\n  width:100%;\n  max-width:1120px;\n  margin:0 auto;\n  padding:8px 14px 35px;\n  color:var(--rp-ink);\n  font-family:-apple-system,BlinkMacSystemFont,\n  \"Segoe UI\",Arial,sans-serif;\n  line-height:1.8;\n  container-type:inline-size;\n}\n\n#ratchet-pliers-detail *,\n#ratchet-pliers-detail *::before,\n#ratchet-pliers-detail *::after{\n  box-sizing:border-box;\n  overflow-wrap:break-word;\n}\n\n#ratchet-pliers-detail h1,\n#ratchet-pliers-detail h2,\n#ratchet-pliers-detail h3,\n#ratchet-pliers-detail p{\n  margin-top:0;\n}\n\n#ratchet-pliers-detail .rp-shell{\n  position:relative;\n  isolation:isolate;\n  overflow:hidden;\n  border:1px solid var(--rp-line);\n  border-radius:28px;\n  background:var(--rp-bg);\n  box-shadow:0 20px 50px rgba(36,54,64,.08);\n}\n\n#ratchet-pliers-detail .rp-section{\n  position:relative;\n  overflow:hidden;\n  padding:62px 42px;\n  margin:0;\n  border-top:1px solid var(--rp-line);\n\n  background:\n  radial-gradient(\n    circle at 92% 12%,\n    rgba(111,141,152,.11),\n    transparent 28%\n  ),\n  radial-gradient(\n    circle at 8% 90%,\n    rgba(232,117,46,.065),\n    transparent 29%\n  ),\n  repeating-linear-gradient(\n    90deg,\n    transparent 0 38px,\n    rgba(42,69,80,.012) 38px 39px\n  ),\n  var(--rp-bg);\n}\n\n#ratchet-pliers-detail .rp-section:first-child{\n  border-top:0;\n}\n\n#ratchet-pliers-detail .rp-section::before{\n  content:\"✦\";\n  position:absolute;\n  right:18px;\n  top:7px;\n  font-size:42px;\n  line-height:1;\n  color:rgba(88,111,123,.08);\n  pointer-events:none;\n}\n\n#ratchet-pliers-detail .rp-section::after{\n  content:\"\";\n  position:absolute;\n  left:9px;\n  bottom:10px;\n  width:130px;\n  height:45px;\n  opacity:.13;\n  background-image:radial-gradient(\n    circle,\n    #819aa5 2px,\n    transparent 3px\n  );\n  background-size:20px 20px;\n  pointer-events:none;\n}\n\n#ratchet-pliers-detail .rp-section \u003e *{\n  position:relative;\n  z-index:1;\n}\n\n#ratchet-pliers-detail .rp-center{\n  text-align:center;\n}\n\n#ratchet-pliers-detail .rp-kicker{\n  display:block;\n  margin-bottom:12px;\n  color:#b35c25;\n  font-size:11px;\n  font-weight:850;\n  letter-spacing:1.8px;\n  text-transform:uppercase;\n}\n\n#ratchet-pliers-detail .rp-title{\n  max-width:890px;\n  margin:0 auto 19px;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:38px;\n  font-weight:700;\n  line-height:1.18;\n  letter-spacing:-.6px;\n  text-align:center;\n}\n\n#ratchet-pliers-detail .rp-copy{\n  max-width:825px;\n  margin:0 auto;\n  color:var(--rp-muted);\n  font-size:15px;\n  line-height:1.9;\n  text-align:center;\n}\n\n\/* =====================================================\n   PREMIUM RAINBOW TITLE FLOW\n   ONE CONTINUOUS LEFT-TO-RIGHT ANIMATION\n===================================================== *\/\n\n#ratchet-pliers-detail .rp-hero h1,\n#ratchet-pliers-detail .rp-title,\n#ratchet-pliers-detail .rp-final h2{\n  color:var(--rp-deep);\n}\n\n@supports (-webkit-background-clip:text) or\n         (background-clip:text){\n\n  #ratchet-pliers-detail .rp-hero h1,\n  #ratchet-pliers-detail .rp-title,\n  #ratchet-pliers-detail .rp-final h2{\n\n    background-image:linear-gradient(\n      90deg,\n      #294959 0%,\n      #b94b3d 10%,\n      #936030 20%,\n      #336c82 30%,\n      #76548e 40%,\n      #294959 50%,\n      #b94b3d 60%,\n      #936030 70%,\n      #336c82 80%,\n      #76548e 90%,\n      #294959 100%\n    );\n\n    background-size:200% 100%;\n    background-position:100% 50%;\n    background-repeat:repeat;\n\n    -webkit-background-clip:text;\n    background-clip:text;\n    -webkit-text-fill-color:transparent;\n\n    animation:rpRainbowFlow 13s linear infinite;\n  }\n}\n\n@keyframes rpRainbowFlow{\n  from{\n    background-position:100% 50%;\n  }\n  to{\n    background-position:0% 50%;\n  }\n}\n\n\/* =====================================================\n   HERO\n===================================================== *\/\n\n#ratchet-pliers-detail .rp-hero{\n  padding:90px 40px 77px;\n  text-align:center;\n  background:\n  radial-gradient(\n    circle at 50% 0%,\n    rgba(155,177,185,.23),\n    transparent 57%\n  ),\n  radial-gradient(\n    circle at 0% 100%,\n    rgba(232,117,46,.11),\n    transparent 40%\n  ),\n  var(--rp-bg);\n}\n\n#ratchet-pliers-detail .rp-hero h1{\n  max-width:930px;\n  margin:0 auto 23px;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:49px;\n  font-weight:700;\n  line-height:1.13;\n  letter-spacing:-1px;\n}\n\n#ratchet-pliers-detail .rp-hero p{\n  max-width:810px;\n  margin:0 auto 28px;\n  color:#5e727d;\n  font-size:17px;\n  line-height:1.85;\n}\n\n#ratchet-pliers-detail .rp-pills{\n  display:flex;\n  flex-wrap:wrap;\n  justify-content:center;\n  gap:9px;\n}\n\n#ratchet-pliers-detail .rp-pill{\n  display:inline-block;\n  padding:10px 15px;\n  border:1px solid rgba(72,101,113,.18);\n  border-radius:999px;\n  background:rgba(255,255,255,.82);\n  color:#385462;\n  font-size:12px;\n  font-weight:750;\n}\n\n#ratchet-pliers-detail .rp-statbar{\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  max-width:820px;\n  margin:37px auto 0;\n  overflow:hidden;\n  border:1px solid var(--rp-line);\n  border-radius:18px;\n  background:rgba(255,255,255,.83);\n}\n\n#ratchet-pliers-detail .rp-stat{\n  padding:20px 12px;\n  text-align:center;\n  border-right:1px solid var(--rp-line);\n}\n\n#ratchet-pliers-detail .rp-stat:last-child{\n  border-right:0;\n}\n\n#ratchet-pliers-detail .rp-stat strong{\n  display:block;\n  color:#3d5b69;\n  font-size:27px;\n  line-height:1.2;\n}\n\n#ratchet-pliers-detail .rp-stat span{\n  display:block;\n  margin-top:5px;\n  color:#70828a;\n  font-size:11px;\n}\n\n\/* =====================================================\n   GRID CARDS\n===================================================== *\/\n\n#ratchet-pliers-detail .rp-grid2,\n#ratchet-pliers-detail .rp-grid3,\n#ratchet-pliers-detail .rp-grid4{\n  display:grid;\n  gap:14px;\n  margin-top:31px;\n}\n\n#ratchet-pliers-detail .rp-grid2{\n  grid-template-columns:repeat(2,minmax(0,1fr));\n}\n\n#ratchet-pliers-detail .rp-grid3{\n  grid-template-columns:repeat(3,minmax(0,1fr));\n}\n\n#ratchet-pliers-detail .rp-grid4{\n  grid-template-columns:repeat(4,minmax(0,1fr));\n}\n\n#ratchet-pliers-detail .rp-card{\n  min-width:0;\n  padding:27px 18px;\n  text-align:center;\n  border:1px solid var(--rp-line);\n  border-radius:19px;\n\n  background:linear-gradient(\n    145deg,\n    rgba(255,255,255,.96),\n    rgba(242,246,246,.7)\n  );\n\n  box-shadow:0 8px 22px rgba(42,70,81,.035);\n}\n\n#ratchet-pliers-detail .rp-icon{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:48px;\n  height:48px;\n  margin:0 auto 13px;\n  border:1px solid rgba(82,111,121,.14);\n  border-radius:50%;\n  background:#e0e9eb;\n  color:#426474;\n  font-size:22px;\n  font-weight:850;\n}\n\n#ratchet-pliers-detail .rp-card h3{\n  margin:0 0 9px;\n  color:#305060;\n  font-size:15px;\n  line-height:1.45;\n}\n\n#ratchet-pliers-detail .rp-card p{\n  margin:0;\n  color:var(--rp-muted);\n  font-size:14px;\n  line-height:1.8;\n}\n\n\/* =====================================================\n   QUOTE\n===================================================== *\/\n\n#ratchet-pliers-detail .rp-quote{\n  max-width:850px;\n  margin:31px auto 0;\n  padding:33px 25px;\n  border:1px solid rgba(87,118,127,.18);\n  border-radius:20px;\n  text-align:center;\n\n  background:linear-gradient(\n    135deg,\n    #e0ecee,\n    #fff5e8\n  );\n}\n\n#ratchet-pliers-detail .rp-quote strong{\n  display:block;\n  margin-bottom:11px;\n  color:#344f5b;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:23px;\n  line-height:1.5;\n}\n\n#ratchet-pliers-detail .rp-quote p{\n  margin:0;\n  color:#687d87;\n  font-size:13px;\n}\n\n\/* =====================================================\n   COMPARISON\n===================================================== *\/\n\n#ratchet-pliers-detail .rp-panel{\n  padding:28px 23px;\n  border:1px solid var(--rp-line);\n  border-radius:19px;\n  background:rgba(255,255,255,.79);\n}\n\n#ratchet-pliers-detail .rp-panel strong{\n  display:block;\n  margin-bottom:13px;\n  color:#30505f;\n  font-size:17px;\n}\n\n#ratchet-pliers-detail .rp-panel ul{\n  margin:0;\n  padding:0;\n  list-style:none;\n}\n\n#ratchet-pliers-detail .rp-panel li{\n  padding:10px 0;\n  border-bottom:1px solid var(--rp-line);\n  color:#657983;\n  font-size:13px;\n}\n\n#ratchet-pliers-detail .rp-panel li:last-child{\n  border-bottom:0;\n}\n\n\/* =====================================================\n   HIGHLIGHT BAR\n===================================================== *\/\n\n#ratchet-pliers-detail .rp-heatbar{\n  max-width:850px;\n  margin:30px auto 0;\n  padding:27px 23px;\n  border:1px solid rgba(107,137,143,.22);\n  border-radius:20px;\n  text-align:center;\n\n  background:linear-gradient(\n    105deg,\n    #dfeaec,\n    #cbdfe3,\n    #fae1ca\n  );\n}\n\n#ratchet-pliers-detail .rp-heatbar strong{\n  display:block;\n  color:#305362;\n  font-size:31px;\n  font-weight:900;\n  line-height:1.3;\n}\n\n#ratchet-pliers-detail .rp-heatbar span{\n  display:block;\n  margin-top:8px;\n  color:#617c89;\n  font-size:12px;\n  font-weight:750;\n}\n\n\/* =====================================================\n   FOUR STEPS\n===================================================== *\/\n\n#ratchet-pliers-detail .rp-step{\n  padding:25px 16px;\n  text-align:center;\n  border:1px solid var(--rp-line);\n  border-radius:18px;\n  background:rgba(255,255,255,.85);\n}\n\n#ratchet-pliers-detail .rp-number{\n  display:flex;\n  justify-content:center;\n  align-items:center;\n  width:44px;\n  height:44px;\n  margin:0 auto 13px;\n  border-radius:50%;\n\n  background:linear-gradient(\n    135deg,\n    #345669,\n    #e8752e\n  );\n\n  color:#fff;\n  font-size:17px;\n  font-weight:900;\n}\n\n#ratchet-pliers-detail .rp-step strong{\n  display:block;\n  margin-bottom:9px;\n  color:#344f5d;\n  font-size:14px;\n}\n\n#ratchet-pliers-detail .rp-step p{\n  margin:0;\n  color:#687d86;\n  font-size:14px;\n  line-height:1.75;\n}\n\n\/* =====================================================\n   SPECIFICATIONS TABLE\n===================================================== *\/\n\n#ratchet-pliers-detail .rp-tablewrap{\n  max-width:875px;\n  margin:30px auto 0;\n  overflow-x:auto;\n  border:1px solid var(--rp-line);\n  border-radius:17px;\n  background:rgba(255,255,255,.84);\n}\n\n#ratchet-pliers-detail .rp-table{\n  width:100%;\n  border-collapse:collapse;\n  font-size:13px;\n}\n\n#ratchet-pliers-detail .rp-table th{\n  padding:14px 15px;\n  background:#355364;\n  color:#fff;\n  text-align:left;\n}\n\n#ratchet-pliers-detail .rp-table td{\n  padding:13px 15px;\n  border-bottom:1px solid var(--rp-line);\n  color:#627782;\n}\n\n#ratchet-pliers-detail .rp-table td:first-child{\n  width:38%;\n  color:#355362;\n  font-weight:750;\n}\n\n#ratchet-pliers-detail .rp-table tr:last-child td{\n  border-bottom:0;\n}\n\n#ratchet-pliers-detail .rp-table tbody tr:nth-child(even){\n  background:rgba(222,235,238,.43);\n}\n\n\/* =====================================================\n   FAQ\n===================================================== *\/\n\n#ratchet-pliers-detail .rp-faq{\n  max-width:875px;\n  margin:29px auto 0;\n}\n\n#ratchet-pliers-detail .rp-faqitem{\n  padding:20px 0;\n  border-bottom:1px solid var(--rp-line);\n}\n\n#ratchet-pliers-detail .rp-faqitem:first-child{\n  border-top:1px solid var(--rp-line);\n}\n\n#ratchet-pliers-detail .rp-faqitem strong{\n  display:block;\n  margin-bottom:7px;\n  color:#344f5e;\n  font-size:15px;\n}\n\n#ratchet-pliers-detail .rp-faqitem p{\n  margin:0;\n  color:#677c85;\n  font-size:14px;\n  line-height:1.85;\n}\n\n\/* =====================================================\n   FINAL CTA\n===================================================== *\/\n\n#ratchet-pliers-detail .rp-final{\n  padding:77px 30px;\n  text-align:center;\n\n  background:\n  radial-gradient(\n    circle at 50% 0%,\n    rgba(151,178,188,.2),\n    transparent 55%\n  ),\n  var(--rp-bg);\n}\n\n#ratchet-pliers-detail .rp-final h2{\n  max-width:865px;\n  margin:0 auto 26px;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:41px;\n  line-height:1.2;\n}\n\n#ratchet-pliers-detail .rp-final p{\n  max-width:785px;\n  margin:25px auto 0;\n  color:#657c87;\n  font-size:15px;\n  line-height:1.86;\n}\n\n#ratchet-pliers-detail .rp-backtop{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  min-width:228px;\n  min-height:52px;\n  padding:13px 25px;\n  position:relative;\n  z-index:5;\n  border:1px solid rgba(255,255,255,.5);\n  border-radius:999px;\n\n  background:linear-gradient(\n    120deg,\n    #334f60,\n    #537789,\n    #e8752e\n  );\n\n  color:#fff!important;\n  font-size:13px;\n  font-weight:850;\n  text-decoration:none!important;\n  cursor:pointer;\n  box-shadow:0 11px 27px rgba(40,83,101,.2);\n  transition:transform .2s,box-shadow .2s;\n}\n\n#ratchet-pliers-detail .rp-backtop:hover{\n  transform:translateY(-2px);\n  box-shadow:0 15px 30px rgba(40,83,101,.24);\n  color:#fff!important;\n}\n\n\/* =====================================================\n   RESPONSIVE LAYOUT\n===================================================== *\/\n\n@container (max-width:850px){\n  #ratchet-pliers-detail .rp-grid4{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n  }\n}\n\n@container (max-width:620px){\n  #ratchet-pliers-detail .rp-grid2,\n  #ratchet-pliers-detail .rp-grid3{\n    grid-template-columns:1fr;\n  }\n}\n\n@media(max-width:749px){\n\n  #ratchet-pliers-detail{\n    padding:6px 8px 28px;\n  }\n\n  #ratchet-pliers-detail .rp-shell{\n    border-radius:22px;\n  }\n\n  #ratchet-pliers-detail .rp-section{\n    padding:38px 17px;\n  }\n\n  #ratchet-pliers-detail .rp-hero{\n    padding:59px 18px 52px;\n  }\n\n  #ratchet-pliers-detail .rp-hero h1{\n    font-size:32px;\n  }\n\n  #ratchet-pliers-detail .rp-hero p{\n    font-size:14px;\n  }\n\n  #ratchet-pliers-detail .rp-title{\n    font-size:28px;\n  }\n\n  #ratchet-pliers-detail .rp-copy{\n    font-size:14px;\n  }\n\n  #ratchet-pliers-detail .rp-grid2,\n  #ratchet-pliers-detail .rp-grid3{\n    grid-template-columns:1fr;\n  }\n\n  #ratchet-pliers-detail .rp-grid4{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n  }\n\n  #ratchet-pliers-detail .rp-card{\n    padding:23px 14px;\n  }\n\n  #ratchet-pliers-detail .rp-stat strong{\n    font-size:22px;\n  }\n\n  #ratchet-pliers-detail .rp-stat span{\n    font-size:12px;\n  }\n\n  #ratchet-pliers-detail .rp-quote{\n    padding:25px 17px;\n  }\n\n  #ratchet-pliers-detail .rp-quote strong{\n    font-size:19px;\n  }\n\n  #ratchet-pliers-detail .rp-heatbar strong{\n    font-size:25px;\n  }\n\n  #ratchet-pliers-detail .rp-final{\n    padding:55px 19px;\n  }\n\n  #ratchet-pliers-detail .rp-final h2{\n    font-size:29px;\n  }\n\n  #ratchet-pliers-detail .rp-section::before{\n    font-size:30px;\n    right:8px;\n  }\n\n  #ratchet-pliers-detail .rp-section::after{\n    width:80px;\n    height:27px;\n  }\n\n  #ratchet-pliers-detail .rp-hero h1,\n  #ratchet-pliers-detail .rp-title,\n  #ratchet-pliers-detail .rp-final h2{\n    animation-duration:10s;\n  }\n}\n\n@media(max-width:420px){\n  #ratchet-pliers-detail .rp-grid4{\n    grid-template-columns:1fr;\n  }\n}\n\n@media(prefers-reduced-motion:reduce){\n  #ratchet-pliers-detail .rp-hero h1,\n  #ratchet-pliers-detail .rp-title,\n  #ratchet-pliers-detail .rp-final h2{\n    animation:none;\n    background-position:0% 50%;\n  }\n\n  #ratchet-pliers-detail .rp-backtop{\n    transition:none;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv id=\"ratchet-pliers-detail\"\u003e\n\n\u003cdiv class=\"rp-shell\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"XCC","offers":[{"title":"Default Title","offer_id":44465926570071,"sku":null,"price":36.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0679\/5473\/7239\/files\/10e1c636-2df2-4b2f-8e35-d40a123863b0.png?v=1792047789","url":"https:\/\/mycheesemas.com\/fr\/products\/self-locking-ratchet-pliers-2-in-1-multi-function-pliers-with-labor-saving-grip","provider":"mycheesemas","version":"1.0","type":"link"}