{"product_id":"12-inch-hd-convex-panoramic-rearview-mirror-clip-on-wide-angle-car-mirror-with-anti-glare-glass-anti-slip-clips","title":"Rétroviseur panoramique convexe HD de 12 pouces – Rétroviseur grand angle pour voiture à clipser avec verre antireflet et clips antidérapants","description":"\u003cstyle\u003e\n\/* =========================================================\n   12-INCH PANORAMIC REARVIEW MIRROR\n   WIDE VIEW • HD GLASS • ANTI-GLARE • CLIP-ON\n========================================================= *\/\n\n#panoramic-mirror-page{\n  --bg:#eef4f7;\n  --bg2:#f9fbfc;\n\n  --blue:#247fb5;\n  --blue2:#61b8dc;\n  --ice:#cfeaf5;\n\n  --silver:#9aa8b0;\n  --silver2:#c5d0d5;\n\n  --dark:#2f3b42;\n  --text:#52626a;\n  --muted:#7b898f;\n\n  --line:rgba(47,59,66,.08);\n\n  width:100%;\n  max-width:1120px;\n\n  margin:0 auto;\n  padding:10px 18px 48px;\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#panoramic-mirror-page *{\n  box-sizing:border-box;\n}\n\n#panoramic-mirror-page h1,\n#panoramic-mirror-page h2,\n#panoramic-mirror-page h3,\n#panoramic-mirror-page p{\n  margin-top:0;\n}\n\n\n\/* =========================================================\n   CONNECTED SHELL\n========================================================= *\/\n\n#panoramic-mirror-page .pm-shell{\n  overflow:hidden;\n\n  border:1px solid rgba(47,59,66,.07);\n  border-radius:30px;\n\n  background:var(--bg);\n\n  box-shadow:\n    0 22px 65px rgba(47,59,66,.08);\n\n  position:relative;\n  z-index:0 !important;\n  isolation:isolate;\n}\n\n\n\/* =========================================================\n   SECTIONS\n========================================================= *\/\n\n#panoramic-mirror-page .pm-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:\n    radial-gradient(\n      circle at 92% 12%,\n      rgba(36,127,181,.055),\n      transparent 25%\n    ),\n    radial-gradient(\n      circle at 8% 88%,\n      rgba(154,168,176,.055),\n      transparent 24%\n    ),\n    var(--bg2);\n\n  z-index:0 !important;\n  isolation:isolate;\n}\n\n#panoramic-mirror-page .pm-section:first-child{\n  border-top:0;\n}\n\n#panoramic-mirror-page .pm-section \u003e *{\n  position:relative;\n  z-index:2 !important;\n}\n\n#panoramic-mirror-page .pm-section::before,\n#panoramic-mirror-page .pm-section::after{\n  position:absolute;\n  pointer-events:none;\n  z-index:0 !important;\n}\n\n\n\/* =========================================================\n   BACKGROUND DETAILS\n========================================================= *\/\n\n#panoramic-mirror-page .pm-section::before{\n  content:\"◉\";\n\n  right:24px;\n  top:10px;\n\n  color:rgba(36,127,181,.08);\n\n  font-size:48px;\n}\n\n#panoramic-mirror-page .pm-section::after{\n  content:\"\";\n\n  left:18px;\n  bottom:12px;\n\n  width:145px;\n  height:42px;\n\n  opacity:.26;\n\n  background:\n    repeating-linear-gradient(\n      90deg,\n      rgba(36,127,181,.15) 0 2px,\n      transparent 2px 14px\n    );\n}\n\n\n\/* =========================================================\n   GLOBAL\n========================================================= *\/\n\n#panoramic-mirror-page .pm-center{\n  text-align:center;\n}\n\n#panoramic-mirror-page .pm-kicker{\n  display:inline-block;\n\n  margin-bottom:10px;\n\n  color:var(--blue);\n\n  font-size:12px;\n  font-weight:850;\n\n  letter-spacing:1.35px;\n  text-transform:uppercase;\n}\n\n#panoramic-mirror-page .pm-title{\n  margin-bottom:14px;\n\n  font-size:37px;\n  font-weight:880;\n\n  line-height:1.1;\n  letter-spacing:-.8px;\n}\n\n#panoramic-mirror-page .pm-copy{\n  max-width:835px;\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   TITLE FLOW\n========================================================= *\/\n\n#panoramic-mirror-page .pm-title,\n#panoramic-mirror-page .pm-hero h1,\n#panoramic-mirror-page .pm-product-head h2,\n#panoramic-mirror-page .pm-final h2{\n\n  background:linear-gradient(\n    90deg,\n    #2f3b42 0%,\n    #247fb5 21%,\n    #61b8dc 39%,\n    #9aa8b0 56%,\n    #247fb5 75%,\n    #2f3b42 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:pm-title-flow 15s linear infinite;\n}\n\n@keyframes pm-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#panoramic-mirror-page .pm-grid-2{\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n  gap:14px;\n  margin-top:31px;\n}\n\n#panoramic-mirror-page .pm-grid-3{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:13px;\n  margin-top:31px;\n}\n\n#panoramic-mirror-page .pm-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#panoramic-mirror-page .pm-card{\n  padding:27px 19px;\n\n  border:1px solid rgba(47,59,66,.075);\n  border-radius:18px;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(255,255,255,.86),\n      rgba(249,251,252,.70)\n    );\n\n  box-shadow:\n    0 7px 20px rgba(47,59,66,.025);\n}\n\n#panoramic-mirror-page .pm-icon{\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:\n    linear-gradient(\n      135deg,\n      rgba(36,127,181,.14),\n      rgba(97,184,220,.10)\n    );\n\n  color:var(--blue);\n\n  font-size:21px;\n}\n\n#panoramic-mirror-page .pm-card strong{\n  display:block;\n\n  margin-bottom:6px;\n\n  color:#4e5e66;\n\n  font-size:15px;\n  text-align:center;\n}\n\n#panoramic-mirror-page .pm-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#panoramic-mirror-page .pm-hero{\n  padding:84px 42px 74px;\n\n  text-align:center;\n\n  background:\n    radial-gradient(\n      circle at 12% 15%,\n      rgba(36,127,181,.11),\n      transparent 27%\n    ),\n\n    radial-gradient(\n      circle at 88% 82%,\n      rgba(154,168,176,.08),\n      transparent 27%\n    ),\n\n    radial-gradient(\n      circle at 50% -10%,\n      rgba(97,184,220,.10),\n      transparent 30%\n    ),\n\n    var(--bg);\n}\n\n#panoramic-mirror-page .pm-hero::before{\n  content:\"◁\";\n\n  left:23px;\n  bottom:0;\n  top:auto;\n  right:auto;\n\n  color:rgba(36,127,181,.08);\n\n  font-size:72px;\n}\n\n#panoramic-mirror-page .pm-hero::after{\n  content:\"▷\";\n\n  right:30px;\n  top:10px;\n  left:auto;\n  bottom:auto;\n\n  width:auto;\n  height:auto;\n\n  color:rgba(36,127,181,.08);\n  background:none;\n\n  font-size:58px;\n}\n\n#panoramic-mirror-page .pm-hero-inner{\n  max-width:960px;\n  margin:0 auto;\n}\n\n#panoramic-mirror-page .pm-hero h1{\n  max-width:950px;\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#panoramic-mirror-page .pm-hero p{\n  max-width:875px;\n  margin:0 auto 30px;\n\n  color:#718087;\n\n  font-size:17px;\n  line-height:1.72;\n}\n\n#panoramic-mirror-page .pm-badges{\n  display:flex;\n  justify-content:center;\n  flex-wrap:wrap;\n\n  gap:9px;\n}\n\n#panoramic-mirror-page .pm-badge{\n  padding:10px 15px;\n\n  border:1px solid rgba(47,59,66,.10);\n  border-radius:999px;\n\n  background:rgba(255,255,255,.72);\n\n  color:#56656c;\n\n  font-size:12px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   NUMBER CARDS\n========================================================= *\/\n\n#panoramic-mirror-page .pm-number{\n  padding:29px 17px;\n\n  border:1px solid rgba(47,59,66,.075);\n  border-radius:18px;\n\n  background:rgba(255,255,255,.70);\n}\n\n#panoramic-mirror-page .pm-number strong{\n  display:block;\n\n  margin-bottom:7px;\n\n  color:var(--blue);\n\n  font-size:28px;\n  line-height:1;\n}\n\n#panoramic-mirror-page .pm-number span{\n  display:block;\n\n  color:#4e5e66;\n\n  font-size:12px;\n  font-weight:800;\n}\n\n#panoramic-mirror-page .pm-number p{\n  margin:7px 0 0;\n\n  color:var(--muted);\n\n  font-size:11px;\n}\n\n\n\/* =========================================================\n   STEPS\n========================================================= *\/\n\n#panoramic-mirror-page .pm-step{\n  padding:25px 15px;\n\n  border:1px solid rgba(47,59,66,.075);\n  border-radius:18px;\n\n  background:rgba(255,255,255,.69);\n}\n\n#panoramic-mirror-page .pm-step-number{\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:\n    linear-gradient(\n      135deg,\n      var(--dark),\n      var(--blue),\n      var(--blue2)\n    );\n\n  color:#fff;\n\n  font-size:15px;\n  font-weight:900;\n}\n\n#panoramic-mirror-page .pm-step strong{\n  display:block;\n\n  margin-bottom:5px;\n\n  color:#4e5e66;\n\n  font-size:14px;\n  text-align:center;\n}\n\n#panoramic-mirror-page .pm-step p{\n  margin:0;\n\n  color:var(--muted);\n\n  font-size:11px;\n  line-height:1.55;\n\n  text-align:center;\n}\n\n\n\/* =========================================================\n   COMPARE\n========================================================= *\/\n\n#panoramic-mirror-page .pm-compare{\n  padding:28px 20px;\n\n  border:1px solid rgba(47,59,66,.075);\n  border-radius:18px;\n\n  background:rgba(255,255,255,.69);\n}\n\n#panoramic-mirror-page .pm-compare strong{\n  display:block;\n\n  margin-bottom:10px;\n\n  color:#4e5e66;\n\n  font-size:17px;\n}\n\n#panoramic-mirror-page .pm-list{\n  margin:0;\n  padding:0;\n  list-style:none;\n}\n\n#panoramic-mirror-page .pm-list li{\n  padding:8px 0;\n\n  border-bottom:1px solid rgba(47,59,66,.07);\n\n  color:var(--muted);\n\n  font-size:13px;\n}\n\n#panoramic-mirror-page .pm-list li:last-child{\n  border-bottom:0;\n}\n\n\n\/* =========================================================\n   FAQ\n========================================================= *\/\n\n#panoramic-mirror-page .pm-faq{\n  max-width:860px;\n  margin:31px auto 0;\n}\n\n#panoramic-mirror-page .pm-faq-item{\n  padding:20px 0;\n\n  border-bottom:1px solid rgba(47,59,66,.09);\n}\n\n#panoramic-mirror-page .pm-faq-item:first-child{\n  border-top:1px solid rgba(47,59,66,.09);\n}\n\n#panoramic-mirror-page .pm-faq-item strong{\n  display:block;\n\n  margin-bottom:7px;\n\n  color:#4e5e66;\n\n  font-size:15px;\n}\n\n#panoramic-mirror-page .pm-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   PRODUCT DETAILS\n========================================================= *\/\n\n#panoramic-mirror-page .pm-product-head{\n  margin-bottom:27px;\n  text-align:center;\n}\n\n#panoramic-mirror-page .pm-product-head h2{\n  margin-bottom:6px;\n  font-size:33px;\n}\n\n#panoramic-mirror-page .pm-product-card{\n  max-width:850px;\n  margin:0 auto;\n\n  padding:29px;\n\n  border:1px solid rgba(47,59,66,.075);\n  border-radius:19px;\n\n  background:rgba(255,255,255,.69);\n}\n\n#panoramic-mirror-page .pm-row{\n  display:grid;\n  grid-template-columns:195px 1fr;\n\n  gap:15px;\n\n  padding:13px 0;\n\n  border-bottom:1px solid rgba(47,59,66,.075);\n\n  font-size:14px;\n}\n\n#panoramic-mirror-page .pm-row:last-child{\n  border-bottom:0;\n}\n\n#panoramic-mirror-page .pm-row strong{\n  color:#4e5e66;\n}\n\n#panoramic-mirror-page .pm-row span{\n  color:var(--muted);\n}\n\n\n\/* =========================================================\n   NOTE\n========================================================= *\/\n\n#panoramic-mirror-page .pm-note{\n  max-width:850px;\n  margin:22px auto 0;\n\n  padding:18px 20px;\n\n  border:1px solid rgba(36,127,181,.15);\n  border-radius:15px;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(36,127,181,.05),\n      rgba(154,168,176,.035)\n    );\n\n  color:#718087;\n\n  font-size:12px;\n  line-height:1.7;\n}\n\n\n\/* =========================================================\n   FINAL\n========================================================= *\/\n\n#panoramic-mirror-page .pm-final{\n  padding:72px 30px;\n\n  text-align:center;\n\n  background:\n    radial-gradient(\n      circle at 12% 18%,\n      rgba(36,127,181,.10),\n      transparent 25%\n    ),\n\n    radial-gradient(\n      circle at 88% 82%,\n      rgba(97,184,220,.09),\n      transparent 26%\n    ),\n\n    var(--bg);\n}\n\n#panoramic-mirror-page .pm-final h2{\n  max-width:850px;\n  margin:0 auto 13px;\n\n  font-size:39px;\n  line-height:1.12;\n}\n\n#panoramic-mirror-page .pm-final p{\n  max-width:760px;\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  #panoramic-mirror-page{\n    padding:6px 8px 32px;\n  }\n\n  #panoramic-mirror-page .pm-shell{\n    border-radius:23px;\n  }\n\n  #panoramic-mirror-page .pm-section{\n    padding:38px 16px;\n  }\n\n  #panoramic-mirror-page .pm-hero{\n    padding:50px 18px 43px;\n  }\n\n  #panoramic-mirror-page .pm-hero h1{\n    font-size:31px;\n  }\n\n  #panoramic-mirror-page .pm-hero p{\n    font-size:14px;\n  }\n\n  #panoramic-mirror-page .pm-title{\n    font-size:27px;\n  }\n\n  #panoramic-mirror-page .pm-grid-2,\n  #panoramic-mirror-page .pm-grid-3{\n    grid-template-columns:1fr;\n  }\n\n  #panoramic-mirror-page .pm-grid-4{\n    grid-template-columns:1fr 1fr;\n  }\n\n  #panoramic-mirror-page .pm-card,\n  #panoramic-mirror-page .pm-number,\n  #panoramic-mirror-page .pm-step,\n  #panoramic-mirror-page .pm-compare{\n    padding:22px 16px;\n  }\n\n  #panoramic-mirror-page .pm-product-card{\n    padding:21px 17px;\n  }\n\n  #panoramic-mirror-page .pm-row{\n    grid-template-columns:1fr;\n    gap:3px;\n\n    padding:11px 0;\n  }\n\n  #panoramic-mirror-page .pm-final{\n    padding:48px 18px;\n  }\n\n  #panoramic-mirror-page .pm-final h2{\n    font-size:28px;\n  }\n\n  #panoramic-mirror-page .pm-title,\n  #panoramic-mirror-page .pm-hero h1,\n  #panoramic-mirror-page .pm-product-head h2,\n  #panoramic-mirror-page .pm-final h2{\n    animation-duration:10s;\n  }\n\n  #panoramic-mirror-page .pm-section::before{\n    right:8px;\n    top:8px;\n\n    font-size:27px;\n  }\n\n  #panoramic-mirror-page .pm-section::after{\n    left:7px;\n    bottom:5px;\n\n    width:70px;\n    height:27px;\n  }\n\n}\n\u003c\/style\u003e\n\u003cdiv id=\"panoramic-mirror-page\"\u003e\n\n\u003cdiv class=\"pm-shell\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"XCC","offers":[{"title":"Default Title","offer_id":44427287494743,"sku":"NC035526100811831-白色","price":24.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0679\/5473\/7239\/files\/1_7c4182a5-79ec-4ccd-a8c0-a0e178ac8395.png?v=1791454758","url":"https:\/\/mycheesemas.com\/fr\/products\/12-inch-hd-convex-panoramic-rearview-mirror-clip-on-wide-angle-car-mirror-with-anti-glare-glass-anti-slip-clips","provider":"mycheesemas","version":"1.0","type":"link"}