{"product_id":"all-in-one-picture-hanging-tool-with-level-ruler-dual-nail-positioning-frame-alignment-guide","title":"Outil tout-en-un pour accrocher des cadres avec niveau et règle – Guide de positionnement à double clou pour l’alignement des cadres","description":"\u003cstyle\u003e\n\/* =========================================================\n   ALL-IN-ONE PICTURE HANGING TOOL\n   SHOPIFY HIGH-CONVERSION DETAIL PAGE\n========================================================= *\/\n\n#picture-hanger-page{\n  --bg:#f3f4f3;\n  --soft:#fbfbfa;\n\n  --orange:#ed5a24;\n  --orange2:#f27a45;\n  --orange3:#f5a27c;\n\n  --steel:#69757c;\n  --steel2:#95a1a7;\n\n  --dark:#343a3e;\n  --text:#424b50;\n  --muted:#717b80;\n\n  --line:rgba(57,72,80,.085);\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.65;\n\n  position:relative;\n  z-index:0 !important;\n  isolation:isolate;\n}\n\n#picture-hanger-page *{\n  box-sizing:border-box;\n}\n\n#picture-hanger-page h1,\n#picture-hanger-page h2,\n#picture-hanger-page h3,\n#picture-hanger-page p{\n  margin-top:0;\n}\n\n\n\/* =========================================================\n   CONNECTED SHELL\n========================================================= *\/\n\n#picture-hanger-page .ph-shell{\n  position:relative;\n  overflow:hidden;\n\n  border:1px solid rgba(57,72,80,.08);\n  border-radius:32px;\n\n  background:var(--bg);\n\n  box-shadow:\n    0 18px 55px rgba(38,49,55,.07);\n\n  z-index:0 !important;\n  isolation:isolate;\n}\n\n#picture-hanger-page .ph-section{\n  position:relative;\n  overflow:hidden;\n\n  margin:0;\n  padding:60px 42px;\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#picture-hanger-page .ph-section:first-child{\n  border-top:0;\n}\n\n#picture-hanger-page .ph-section::before,\n#picture-hanger-page .ph-section::after{\n  position:absolute;\n  pointer-events:none;\n  z-index:0 !important;\n}\n\n#picture-hanger-page .ph-section \u003e *{\n  position:relative;\n  z-index:1 !important;\n}\n\n\n\/* =========================================================\n   GLOBAL\n========================================================= *\/\n\n#picture-hanger-page .ph-kicker{\n  display:inline-block;\n\n  margin-bottom:10px;\n\n  color:var(--orange);\n\n  font-size:12px;\n  font-weight:800;\n\n  letter-spacing:1.35px;\n  text-transform:uppercase;\n}\n\n#picture-hanger-page .ph-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#picture-hanger-page .ph-copy{\n  max-width:790px;\n  margin:0 auto;\n\n  color:var(--muted);\n\n  font-size:16px;\n  line-height:1.75;\n\n  text-align:center;\n}\n\n\n\/* =========================================================\n   ONE-WAY TITLE FLOW\n   深灰 → 金属灰 → 工具橙 → 浅橙\n========================================================= *\/\n\n#picture-hanger-page .ph-title,\n#picture-hanger-page .ph-hero h1,\n#picture-hanger-page .ph-product-head h2,\n#picture-hanger-page .ph-final h2{\n\n  background:linear-gradient(\n    90deg,\n    #343a3e 0%,\n    #69757c 20%,\n    #ed5a24 38%,\n    #f27a45 53%,\n    #f5a27c 67%,\n    #87949a 82%,\n    #343a3e 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:ph-title-flow 15s linear infinite;\n}\n\n@keyframes ph-title-flow{\n  0%{\n    background-position:100% 50%;\n  }\n\n  100%{\n    background-position:-140% 50%;\n  }\n}\n\n\n\/* =========================================================\n   GRIDS\n========================================================= *\/\n\n#picture-hanger-page .ph-grid-2{\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n  gap:14px;\n  margin-top:31px;\n}\n\n#picture-hanger-page .ph-grid-3{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:13px;\n  margin-top:31px;\n}\n\n#picture-hanger-page .ph-grid-4{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:12px;\n  margin-top:31px;\n}\n\n\n\/* =========================================================\n   CARDS\n========================================================= *\/\n\n#picture-hanger-page .ph-card{\n  padding:27px 19px;\n\n  border:1px solid rgba(57,72,80,.08);\n  border-radius:18px;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(255,255,255,.75),\n      rgba(248,249,248,.58)\n    );\n\n  box-shadow:\n    0 7px 20px rgba(38,49,55,.025);\n}\n\n#picture-hanger-page .ph-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:#ece7e3;\n\n  color:var(--orange);\n\n  font-size:21px;\n}\n\n#picture-hanger-page .ph-card strong{\n  display:block;\n\n  margin-bottom:6px;\n\n  font-size:15px;\n  text-align:center;\n}\n\n#picture-hanger-page .ph-card p{\n  margin:0;\n\n  color:var(--muted);\n\n  font-size:12px;\n  line-height:1.6;\n\n  text-align:center;\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n#picture-hanger-page .ph-hero{\n  padding:82px 42px 72px;\n\n  text-align:center;\n\n  background:\n    radial-gradient(\n      circle at 12% 16%,\n      rgba(237,90,36,.08),\n      transparent 24%\n    ),\n\n    radial-gradient(\n      circle at 88% 82%,\n      rgba(105,117,124,.055),\n      transparent 24%\n    ),\n\n    repeating-linear-gradient(\n      90deg,\n      transparent 0,\n      transparent 49px,\n      rgba(57,72,80,.008) 50px\n    ),\n\n    var(--bg);\n}\n\n#picture-hanger-page .ph-hero::before{\n  content:\"↔\";\n\n  left:24px;\n  bottom:4px;\n\n  color:rgba(237,90,36,.055);\n\n  font-size:46px;\n}\n\n#picture-hanger-page .ph-hero::after{\n  content:\"⊕\";\n\n  right:28px;\n  top:7px;\n\n  color:rgba(105,117,124,.05);\n\n  font-size:41px;\n}\n\n#picture-hanger-page .ph-hero-inner{\n  max-width:940px;\n  margin:0 auto;\n}\n\n#picture-hanger-page .ph-hero h1{\n  max-width:940px;\n  margin:0 auto 18px;\n\n  font-size:50px;\n  font-weight:900;\n\n  line-height:1.03;\n  letter-spacing:-1.25px;\n}\n\n#picture-hanger-page .ph-hero p{\n  max-width:830px;\n  margin:0 auto 30px;\n\n  color:#68757b;\n\n  font-size:17px;\n  line-height:1.72;\n}\n\n#picture-hanger-page .ph-badges{\n  display:flex;\n  justify-content:center;\n  flex-wrap:wrap;\n\n  gap:9px;\n}\n\n#picture-hanger-page .ph-badge{\n  padding:10px 15px;\n\n  border:1px solid rgba(57,72,80,.10);\n  border-radius:999px;\n\n  background:rgba(255,255,255,.65);\n\n  color:#58666d;\n\n  font-size:12px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   PAIN\n========================================================= *\/\n\n#picture-hanger-page .ph-pain{\n  text-align:center;\n\n  background:\n    radial-gradient(\n      circle at 91% 12%,\n      rgba(237,90,36,.045),\n      transparent 21%\n    ),\n\n    radial-gradient(\n      circle at 8% 88%,\n      rgba(105,117,124,.035),\n      transparent 21%\n    ),\n\n    var(--bg);\n}\n\n#picture-hanger-page .ph-pain::before{\n  content:\"×\";\n\n  left:25px;\n  top:4px;\n\n  color:rgba(237,90,36,.05);\n\n  font-size:43px;\n  font-weight:900;\n}\n\n#picture-hanger-page .ph-pain::after{\n  content:\"↗\";\n\n  right:28px;\n  bottom:5px;\n\n  color:rgba(105,117,124,.05);\n\n  font-size:38px;\n}\n\n\n\/* =========================================================\n   MEASURE\n========================================================= *\/\n\n#picture-hanger-page .ph-measure{\n  text-align:center;\n\n  background:\n    repeating-linear-gradient(\n      90deg,\n      transparent 0,\n      transparent 28px,\n      rgba(57,72,80,.007) 29px\n    ),\n\n    radial-gradient(\n      circle at 10% 15%,\n      rgba(237,90,36,.04),\n      transparent 22%\n    ),\n\n    var(--bg);\n}\n\n#picture-hanger-page .ph-measure::before{\n  content:\"0  1  2  3\";\n\n  left:20px;\n  bottom:8px;\n\n  color:rgba(105,117,124,.035);\n\n  font-size:14px;\n  font-weight:800;\n}\n\n#picture-hanger-page .ph-measure::after{\n  content:\"↔\";\n\n  right:28px;\n  top:7px;\n\n  color:rgba(237,90,36,.055);\n\n  font-size:40px;\n}\n\n\n\/* =========================================================\n   LEVEL\n========================================================= *\/\n\n#picture-hanger-page .ph-level{\n  text-align:center;\n\n  background:\n    radial-gradient(\n      circle at 91% 12%,\n      rgba(105,117,124,.045),\n      transparent 21%\n    ),\n\n    var(--bg);\n}\n\n#picture-hanger-page .ph-level::before{\n  content:\"—\";\n\n  left:24px;\n  bottom:4px;\n\n  color:rgba(105,117,124,.055);\n\n  font-size:50px;\n}\n\n#picture-hanger-page .ph-level::after{\n  content:\"●\";\n\n  right:29px;\n  top:12px;\n\n  color:rgba(237,90,36,.045);\n\n  font-size:28px;\n}\n\n\n\/* =========================================================\n   TWO NAILS\n========================================================= *\/\n\n#picture-hanger-page .ph-nails{\n  text-align:center;\n\n  background:\n    radial-gradient(\n      circle at 10% 14%,\n      rgba(237,90,36,.045),\n      transparent 22%\n    ),\n\n    radial-gradient(\n      circle at 90% 87%,\n      rgba(105,117,124,.035),\n      transparent 21%\n    ),\n\n    var(--bg);\n}\n\n#picture-hanger-page .ph-nails::before{\n  content:\"••\";\n\n  left:24px;\n  bottom:4px;\n\n  color:rgba(237,90,36,.05);\n\n  font-size:38px;\n  letter-spacing:8px;\n}\n\n#picture-hanger-page .ph-nails::after{\n  content:\"✓\";\n\n  right:28px;\n  top:7px;\n\n  color:rgba(105,117,124,.05);\n\n  font-size:37px;\n}\n\n\n\/* =========================================================\n   SINGLE NAIL\n========================================================= *\/\n\n#picture-hanger-page .ph-single{\n  text-align:center;\n\n  background:\n    repeating-linear-gradient(\n      135deg,\n      transparent 0,\n      transparent 31px,\n      rgba(57,72,80,.006) 32px\n    ),\n\n    var(--bg);\n}\n\n#picture-hanger-page .ph-single::before{\n  content:\"1\";\n\n  left:25px;\n  bottom:5px;\n\n  color:rgba(237,90,36,.045);\n\n  font-size:31px;\n  font-weight:900;\n}\n\n#picture-hanger-page .ph-single::after{\n  content:\"↓\";\n\n  right:28px;\n  top:7px;\n\n  color:rgba(105,117,124,.05);\n\n  font-size:39px;\n}\n\n\n\/* =========================================================\n   STEPS\n========================================================= *\/\n\n#picture-hanger-page .ph-steps{\n  text-align:center;\n\n  background:\n    radial-gradient(\n      circle at 91% 12%,\n      rgba(237,90,36,.04),\n      transparent 21%\n    ),\n\n    var(--bg);\n}\n\n#picture-hanger-page .ph-step{\n  padding:25px 15px;\n\n  border:1px solid rgba(57,72,80,.08);\n  border-radius:18px;\n\n  background:rgba(255,255,255,.61);\n}\n\n#picture-hanger-page .ph-step span{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  width:40px;\n  height:40px;\n\n  margin:0 auto 9px;\n\n  border-radius:50%;\n\n  background:var(--orange);\n\n  color:#fff;\n\n  font-size:15px;\n  font-weight:900;\n}\n\n#picture-hanger-page .ph-step strong{\n  display:block;\n  margin-bottom:5px;\n  font-size:14px;\n}\n\n#picture-hanger-page .ph-step p{\n  margin:0;\n\n  color:var(--muted);\n\n  font-size:11px;\n  line-height:1.55;\n}\n\n\n\/* =========================================================\n   USE CASES\n========================================================= *\/\n\n#picture-hanger-page .ph-uses{\n  text-align:center;\n\n  background:\n    radial-gradient(\n      circle at 10% 15%,\n      rgba(105,117,124,.04),\n      transparent 21%\n    ),\n\n    var(--bg);\n}\n\n#picture-hanger-page .ph-use{\n  padding:25px 15px;\n\n  border:1px solid rgba(57,72,80,.08);\n  border-radius:18px;\n\n  background:rgba(255,255,255,.61);\n}\n\n#picture-hanger-page .ph-use span{\n  display:block;\n  margin-bottom:8px;\n  font-size:25px;\n}\n\n#picture-hanger-page .ph-use strong{\n  display:block;\n  margin-bottom:5px;\n  font-size:14px;\n}\n\n#picture-hanger-page .ph-use p{\n  margin:0;\n\n  color:var(--muted);\n\n  font-size:11px;\n  line-height:1.55;\n}\n\n\n\/* =========================================================\n   REVIEWS\n========================================================= *\/\n\n#picture-hanger-page .ph-reviews{\n  text-align:center;\n\n  background:\n    radial-gradient(\n      circle at 10% 15%,\n      rgba(237,90,36,.04),\n      transparent 21%\n    ),\n\n    radial-gradient(\n      circle at 90% 84%,\n      rgba(105,117,124,.035),\n      transparent 22%\n    ),\n\n    var(--bg);\n}\n\n#picture-hanger-page .ph-review{\n  padding:26px 21px;\n\n  border:1px solid rgba(57,72,80,.08);\n  border-radius:18px;\n\n  background:rgba(255,255,255,.64);\n\n  text-align:left;\n\n  box-shadow:\n    0 7px 20px rgba(38,49,55,.025);\n}\n\n#picture-hanger-page .ph-stars{\n  margin-bottom:10px;\n\n  color:#b48a59;\n\n  font-size:15px;\n  letter-spacing:2px;\n}\n\n#picture-hanger-page .ph-review p{\n  margin:0 0 14px;\n\n  color:#626d73;\n\n  font-size:13px;\n  line-height:1.68;\n}\n\n#picture-hanger-page .ph-review strong{\n  display:block;\n\n  color:#46535a;\n\n  font-size:12px;\n}\n\n\n\/* =========================================================\n   PRODUCT INFO\n========================================================= *\/\n\n#picture-hanger-page .ph-product{\n  background:\n    radial-gradient(\n      circle at 91% 10%,\n      rgba(237,90,36,.035),\n      transparent 20%\n    ),\n\n    var(--bg);\n}\n\n#picture-hanger-page .ph-product-head{\n  margin-bottom:27px;\n\n  text-align:center;\n}\n\n#picture-hanger-page .ph-product-head h2{\n  margin-bottom:6px;\n\n  font-size:33px;\n}\n\n#picture-hanger-page .ph-product-card{\n  max-width:850px;\n  margin:0 auto;\n\n  padding:29px;\n\n  border:1px solid rgba(57,72,80,.08);\n  border-radius:19px;\n\n  background:rgba(255,255,255,.61);\n}\n\n#picture-hanger-page .ph-product-row{\n  display:grid;\n  grid-template-columns:190px 1fr;\n\n  gap:15px;\n\n  padding:13px 0;\n\n  border-bottom:1px solid rgba(57,72,80,.075);\n\n  font-size:14px;\n}\n\n#picture-hanger-page .ph-product-row:last-child{\n  border-bottom:0;\n}\n\n#picture-hanger-page .ph-product-row strong{\n  color:#414b50;\n}\n\n#picture-hanger-page .ph-product-row span{\n  color:var(--muted);\n}\n\n\n\/* =========================================================\n   NOTE\n========================================================= *\/\n\n#picture-hanger-page .ph-note{\n  padding:24px 28px;\n\n  text-align:center;\n\n  background:var(--bg);\n\n  color:#717b80;\n\n  font-size:12px;\n  line-height:1.72;\n}\n\n\n\/* =========================================================\n   FINAL\n========================================================= *\/\n\n#picture-hanger-page .ph-final{\n  padding:70px 30px;\n\n  text-align:center;\n\n  background:\n    radial-gradient(\n      circle at 12% 18%,\n      rgba(237,90,36,.055),\n      transparent 24%\n    ),\n\n    radial-gradient(\n      circle at 88% 82%,\n      rgba(105,117,124,.045),\n      transparent 24%\n    ),\n\n    var(--bg);\n}\n\n#picture-hanger-page .ph-final::before{\n  content:\"↔\";\n\n  left:24px;\n  bottom:3px;\n\n  color:rgba(237,90,36,.055);\n\n  font-size:42px;\n}\n\n#picture-hanger-page .ph-final::after{\n  content:\"✓\";\n\n  right:28px;\n  top:7px;\n\n  color:rgba(105,117,124,.05);\n\n  font-size:39px;\n}\n\n#picture-hanger-page .ph-final h2{\n  max-width:850px;\n\n  margin:0 auto 13px;\n\n  font-size:39px;\n  line-height:1.12;\n}\n\n#picture-hanger-page .ph-final p{\n  max-width:740px;\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  #picture-hanger-page{\n    padding:6px 8px 32px;\n  }\n\n  #picture-hanger-page .ph-shell{\n    border-radius:23px;\n  }\n\n  #picture-hanger-page .ph-section{\n    padding:38px 16px;\n  }\n\n  #picture-hanger-page .ph-hero{\n    padding:50px 18px 43px;\n  }\n\n  #picture-hanger-page .ph-hero h1{\n    font-size:31px;\n  }\n\n  #picture-hanger-page .ph-hero p{\n    font-size:14px;\n  }\n\n  #picture-hanger-page .ph-title{\n    font-size:27px;\n  }\n\n  #picture-hanger-page .ph-grid-2,\n  #picture-hanger-page .ph-grid-3{\n    grid-template-columns:1fr;\n  }\n\n  #picture-hanger-page .ph-grid-4{\n    grid-template-columns:1fr 1fr;\n  }\n\n  #picture-hanger-page .ph-card,\n  #picture-hanger-page .ph-step,\n  #picture-hanger-page .ph-use{\n    padding:22px 16px;\n  }\n\n  #picture-hanger-page .ph-product-card{\n    padding:21px 17px;\n  }\n\n  #picture-hanger-page .ph-product-row{\n    grid-template-columns:1fr;\n\n    gap:3px;\n\n    padding:11px 0;\n  }\n\n  #picture-hanger-page .ph-final{\n    padding:48px 18px;\n  }\n\n  #picture-hanger-page .ph-final h2{\n    font-size:28px;\n  }\n\n\n  \/* 手机端约10秒，单方向流光 *\/\n\n  #picture-hanger-page .ph-title,\n  #picture-hanger-page .ph-hero h1,\n  #picture-hanger-page .ph-product-head h2,\n  #picture-hanger-page .ph-final h2{\n    animation-duration:10s;\n  }\n\n\n  \/* 手机端背景图标缩小 *\/\n\n  #picture-hanger-page .ph-hero::before,\n  #picture-hanger-page .ph-hero::after,\n  #picture-hanger-page .ph-pain::before,\n  #picture-hanger-page .ph-pain::after,\n  #picture-hanger-page .ph-measure::before,\n  #picture-hanger-page .ph-measure::after,\n  #picture-hanger-page .ph-level::before,\n  #picture-hanger-page .ph-level::after,\n  #picture-hanger-page .ph-nails::before,\n  #picture-hanger-page .ph-nails::after,\n  #picture-hanger-page .ph-single::before,\n  #picture-hanger-page .ph-single::after,\n  #picture-hanger-page .ph-final::before,\n  #picture-hanger-page .ph-final::after{\n    font-size:24px;\n  }\n\n}\n\u003c\/style\u003e\n\u003cdiv id=\"picture-hanger-page\"\u003e\n\n\u003cdiv class=\"ph-shell\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"XCC","offers":[{"title":"Default Title","offer_id":44350852464727,"sku":"NC03552609278003-挂画工具","price":32.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0679\/5473\/7239\/files\/6e9d16c6-d828-4013-a7ff-8a9c99c06ce2.png?v=1790478562","url":"https:\/\/mycheesemas.com\/fr\/products\/all-in-one-picture-hanging-tool-with-level-ruler-dual-nail-positioning-frame-alignment-guide","provider":"mycheesemas","version":"1.0","type":"link"}