{"product_id":"traveard","title":"🌎✨Panneau magnétique de voyage - 💕Chaque aimant a une histoire. Chaque voyage mérite sa place","description":"\u003cstyle\u003e\n\/* =========================================================\n   TRAVEL MAGNET BOARD\n   Shopify High-Converting Product Detail Page\n   Theme: Passport Black \/ Vintage Parchment \/ Terracotta\n   Compass Gold \/ Atlas Blue \/ Explorer Green\n========================================================= *\/\n\n.tmb-page,\n.tmb-page *{\n  box-sizing:border-box;\n}\n\n.tmb-page{\n  --black:#1E1D1B;\n  --black-soft:#302E2A;\n  --ink:#272521;\n\n  --parchment:#F5E8D1;\n  --parchment-light:#FFF9EE;\n  --sand:#E6C99B;\n\n  --gold:#B7823E;\n  --gold-light:#E6C47B;\n\n  --terracotta:#A85235;\n  --terracotta-dark:#743522;\n\n  --blue:#365D72;\n  --blue-dark:#203F52;\n  --blue-soft:#DDEAF0;\n\n  --green:#53684E;\n  --green-dark:#354A35;\n  --green-soft:#DDE7D8;\n\n  --cream:#FFFDF8;\n  --text:#45413B;\n  --muted:#716D66;\n  --line:#DED3C1;\n  --white:#FFFFFF;\n\n  width:100%;\n  margin:0;\n  padding:0;\n  overflow:hidden;\n  background:#fff;\n  color:var(--text);\n  font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Arial,sans-serif;\n  line-height:1.65;\n}\n\n.tmb-page h1,\n.tmb-page h2,\n.tmb-page h3,\n.tmb-page p{\n  margin-top:0;\n}\n\n.tmb-page h1,\n.tmb-page h2{\n  font-family:Georgia,\"Times New Roman\",serif;\n}\n\n.tmb-page img{\n  display:block;\n  width:100%;\n  max-width:100%;\n  height:auto;\n  margin:0;\n  border:0;\n}\n\n.tmb-wrap{\n  width:min(980px,calc(100% - 28px));\n  margin:0 auto;\n}\n\n.tmb-section{\n  padding:40px 0;\n}\n\n.tmb-inner{\n  width:100%;\n  padding:34px;\n  border-radius:22px;\n}\n\n.tmb-center{\n  text-align:center;\n}\n\n\n\/* =========================================================\n   TYPOGRAPHY\n========================================================= *\/\n\n.tmb-eyebrow{\n  margin:0 0 11px;\n  font-size:10px;\n  line-height:1.4;\n  font-weight:800;\n  letter-spacing:.13em;\n  text-transform:uppercase;\n}\n\n.tmb-h1{\n  max-width:800px;\n  margin:0 auto 16px;\n  font-size:38px;\n  line-height:1.15;\n  letter-spacing:-.02em;\n  font-weight:700;\n}\n\n.tmb-h2{\n  max-width:780px;\n  margin:0 auto 15px;\n  font-size:28px;\n  line-height:1.22;\n  letter-spacing:-.015em;\n  font-weight:700;\n}\n\n.tmb-copy{\n  max-width:790px;\n  margin:0 auto;\n  font-size:15.5px;\n  line-height:1.72;\n}\n\n.tmb-copy + .tmb-copy{\n  margin-top:12px;\n}\n\n\n\/* =========================================================\n   IMAGE\n========================================================= *\/\n\n.tmb-media{\n  width:min(880px,100%);\n  margin:25px auto 0;\n  overflow:hidden;\n  border-radius:18px;\n  background:#fff;\n  box-shadow:0 14px 34px rgba(40,31,22,.13);\n  line-height:0;\n}\n\n.tmb-media img{\n  width:100%;\n  height:auto;\n}\n\n\n\/* =========================================================\n   BLOCK 1 — PASSPORT BLACK HERO\n========================================================= *\/\n\n.tmb-hero{\n  padding:44px 0;\n  color:#fff;\n  background:\n    radial-gradient(\n      circle at 10% 4%,\n      rgba(213,166,91,.25),\n      transparent 29%\n    ),\n    radial-gradient(\n      circle at 92% 12%,\n      rgba(76,119,143,.18),\n      transparent 28%\n    ),\n    linear-gradient(\n      135deg,\n      #171714 0%,\n      #292824 53%,\n      #403A32 100%\n    );\n}\n\n.tmb-hero .tmb-inner{\n  background:rgba(255,255,255,.06);\n  border:1px solid rgba(255,255,255,.16);\n}\n\n.tmb-hero .tmb-eyebrow{\n  color:#E8C581;\n}\n\n.tmb-hero .tmb-h1{\n  color:#fff;\n}\n\n.tmb-hero .tmb-h1 span{\n  color:#E6C078;\n}\n\n.tmb-hero .tmb-copy{\n  color:rgba(255,255,255,.83);\n}\n\n\n\/* =========================================================\n   BLOCK 2 — ATLAS BLUE\n========================================================= *\/\n\n.tmb-blue{\n  background:\n    radial-gradient(\n      circle at 91% 8%,\n      rgba(53,93,114,.22),\n      transparent 29%\n    ),\n    linear-gradient(\n      145deg,\n      #E8F1F4 0%,\n      #C9DCE4 100%\n    );\n}\n\n.tmb-blue .tmb-inner{\n  background:rgba(255,255,255,.91);\n  border:1px solid #ADC9D3;\n}\n\n.tmb-blue .tmb-eyebrow{\n  color:#52768A;\n}\n\n.tmb-blue .tmb-h2{\n  color:#2B4554;\n}\n\n.tmb-blue .tmb-h2 span{\n  color:#477991;\n}\n\n.tmb-blue .tmb-copy{\n  color:#66757C;\n}\n\n\n\/* =========================================================\n   BLOCK 3 — TRAVEL PARCHMENT\n========================================================= *\/\n\n.tmb-parchment{\n  background:\n    radial-gradient(\n      circle at 7% 7%,\n      rgba(183,130,62,.19),\n      transparent 28%\n    ),\n    linear-gradient(\n      145deg,\n      #FFF8E9 0%,\n      #ECD5AE 100%\n    );\n}\n\n.tmb-parchment .tmb-inner{\n  background:rgba(255,255,255,.91);\n  border:1px solid #D7B985;\n}\n\n.tmb-parchment .tmb-eyebrow{\n  color:#97672E;\n}\n\n.tmb-parchment .tmb-h2{\n  color:#56432E;\n}\n\n.tmb-parchment .tmb-h2 span{\n  color:#A66C2F;\n}\n\n.tmb-parchment .tmb-copy{\n  color:#776B5C;\n}\n\n\n\/* =========================================================\n   BLOCK 4 — TERRACOTTA\n========================================================= *\/\n\n.tmb-terracotta{\n  color:#fff;\n  background:\n    radial-gradient(\n      circle at 8% 8%,\n      rgba(234,194,122,.20),\n      transparent 28%\n    ),\n    radial-gradient(\n      circle at 93% 88%,\n      rgba(255,255,255,.07),\n      transparent 28%\n    ),\n    linear-gradient(\n      135deg,\n      #71311F,\n      #A44F32 55%,\n      #C2704F\n    );\n}\n\n.tmb-terracotta .tmb-inner{\n  background:rgba(255,255,255,.07);\n  border:1px solid rgba(255,255,255,.17);\n}\n\n.tmb-terracotta .tmb-eyebrow{\n  color:#F3D196;\n}\n\n.tmb-terracotta .tmb-h2{\n  color:#fff;\n}\n\n.tmb-terracotta .tmb-h2 span{\n  color:#F6D69B;\n}\n\n.tmb-terracotta .tmb-copy{\n  color:rgba(255,255,255,.83);\n}\n\n\n\/* =========================================================\n   BLOCK 5 — CLEAN IVORY\n========================================================= *\/\n\n.tmb-ivory{\n  background:\n    radial-gradient(\n      circle at 91% 8%,\n      rgba(188,148,84,.12),\n      transparent 29%\n    ),\n    linear-gradient(\n      145deg,\n      #FFFDF9,\n      #F3EBDF\n    );\n}\n\n.tmb-ivory .tmb-inner{\n  background:#fff;\n  border:1px solid #E1D7C7;\n  box-shadow:0 7px 24px rgba(61,48,37,.055);\n}\n\n.tmb-ivory .tmb-eyebrow{\n  color:#8D6335;\n}\n\n.tmb-ivory .tmb-h2{\n  color:#494038;\n}\n\n.tmb-ivory .tmb-h2 span{\n  color:#A66C30;\n}\n\n.tmb-ivory .tmb-copy{\n  color:#716B63;\n}\n\n\n\/* =========================================================\n   BLOCK 6 — EXPLORER GREEN\n========================================================= *\/\n\n.tmb-green{\n  color:#fff;\n  background:\n    radial-gradient(\n      circle at 8% 6%,\n      rgba(223,189,117,.21),\n      transparent 29%\n    ),\n    radial-gradient(\n      circle at 94% 90%,\n      rgba(146,181,154,.18),\n      transparent 28%\n    ),\n    linear-gradient(\n      135deg,\n      #293E2B,\n      #4C6549 55%,\n      #6F8062\n    );\n}\n\n.tmb-green .tmb-inner{\n  background:rgba(255,255,255,.07);\n  border:1px solid rgba(255,255,255,.17);\n}\n\n.tmb-green .tmb-eyebrow{\n  color:#EDD096;\n}\n\n.tmb-green .tmb-h2{\n  color:#fff;\n}\n\n.tmb-green .tmb-h2 span{\n  color:#F1D399;\n}\n\n.tmb-green .tmb-copy{\n  color:rgba(255,255,255,.84);\n}\n\n\n\/* =========================================================\n   BLOCK 7 — WARM SAND\n========================================================= *\/\n\n.tmb-sand{\n  background:\n    radial-gradient(\n      circle at 90% 5%,\n      rgba(164,80,50,.14),\n      transparent 29%\n    ),\n    linear-gradient(\n      145deg,\n      #FFF3DE,\n      #E8C79A\n    );\n}\n\n.tmb-sand .tmb-inner{\n  background:rgba(255,255,255,.91);\n  border:1px solid #D6B178;\n}\n\n.tmb-sand .tmb-eyebrow{\n  color:#9C6332;\n}\n\n.tmb-sand .tmb-h2{\n  color:#594231;\n}\n\n.tmb-sand .tmb-h2 span{\n  color:#A75234;\n}\n\n.tmb-sand .tmb-copy{\n  color:#786B5E;\n}\n\n\n\/* =========================================================\n   BLOCK 8 — DEEP ATLAS\n========================================================= *\/\n\n.tmb-darkblue{\n  color:#fff;\n  background:\n    radial-gradient(\n      circle at 7% 7%,\n      rgba(217,173,99,.22),\n      transparent 29%\n    ),\n    radial-gradient(\n      circle at 92% 88%,\n      rgba(94,149,179,.17),\n      transparent 30%\n    ),\n    linear-gradient(\n      135deg,\n      #19313E,\n      #31596C 55%,\n      #4D7485\n    );\n}\n\n.tmb-darkblue .tmb-inner{\n  background:rgba(255,255,255,.07);\n  border:1px solid rgba(255,255,255,.17);\n}\n\n.tmb-darkblue .tmb-eyebrow{\n  color:#F0CF92;\n}\n\n.tmb-darkblue .tmb-h2{\n  color:#fff;\n}\n\n.tmb-darkblue .tmb-h2 span{\n  color:#F1D49A;\n}\n\n.tmb-darkblue .tmb-copy{\n  color:rgba(255,255,255,.84);\n}\n\n\n\/* =========================================================\n   BLOCK 9 — SOFT GREEN\n========================================================= *\/\n\n.tmb-softgreen{\n  background:\n    radial-gradient(\n      circle at 9% 6%,\n      rgba(70,99,67,.18),\n      transparent 28%\n    ),\n    linear-gradient(\n      145deg,\n      #E9F0E4,\n      #CEDBC8\n    );\n}\n\n.tmb-softgreen .tmb-inner{\n  background:rgba(255,255,255,.92);\n  border:1px solid #B2C7AB;\n}\n\n.tmb-softgreen .tmb-eyebrow{\n  color:#577055;\n}\n\n.tmb-softgreen .tmb-h2{\n  color:#374E39;\n}\n\n.tmb-softgreen .tmb-h2 span{\n  color:#5A7758;\n}\n\n.tmb-softgreen .tmb-copy{\n  color:#687568;\n}\n\n\n\/* =========================================================\n   BENEFITS\n========================================================= *\/\n\n.tmb-benefits{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:8px;\n  max-width:880px;\n  margin:23px auto 0;\n}\n\n.tmb-benefit{\n  padding:12px 8px;\n  border-radius:12px;\n  background:rgba(255,255,255,.09);\n  border:1px solid rgba(255,255,255,.18);\n  color:#fff;\n  font-size:12px;\n  line-height:1.4;\n  font-weight:750;\n}\n\n\n\/* =========================================================\n   FEATURE CARDS\n========================================================= *\/\n\n.tmb-features{\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n  gap:9px;\n  max-width:850px;\n  margin:23px auto 0;\n}\n\n.tmb-feature{\n  padding:15px;\n  border-radius:14px;\n  border:1px solid #DDD2C1;\n  background:#fff;\n  text-align:left;\n}\n\n.tmb-feature strong{\n  display:block;\n  margin-bottom:4px;\n  font-size:13.5px;\n  line-height:1.4;\n  color:#72502D;\n}\n\n.tmb-feature p{\n  margin:0;\n  color:#716C64;\n  font-size:12.5px;\n  line-height:1.55;\n}\n\n.tmb-terracotta .tmb-feature,\n.tmb-green .tmb-feature,\n.tmb-darkblue .tmb-feature{\n  background:rgba(255,255,255,.09);\n  border-color:rgba(255,255,255,.18);\n}\n\n.tmb-terracotta .tmb-feature strong,\n.tmb-green .tmb-feature strong,\n.tmb-darkblue .tmb-feature strong{\n  color:#F3D49B;\n}\n\n.tmb-terracotta .tmb-feature p,\n.tmb-green .tmb-feature p,\n.tmb-darkblue .tmb-feature p{\n  color:rgba(255,255,255,.77);\n}\n\n\n\/* =========================================================\n   SCENE CARDS\n========================================================= *\/\n\n.tmb-scenes{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:9px;\n  max-width:850px;\n  margin:23px auto 0;\n}\n\n.tmb-scene{\n  padding:17px 13px;\n  border-radius:14px;\n  border:1px solid #D9CFBF;\n  background:#fff;\n  text-align:center;\n}\n\n.tmb-scene strong{\n  display:block;\n  margin-bottom:4px;\n  color:#6F4D2C;\n  font-size:13px;\n}\n\n.tmb-scene p{\n  margin:0;\n  color:#706A62;\n  font-size:12px;\n  line-height:1.55;\n}\n\n.tmb-softgreen .tmb-scene{\n  border-color:#B8CBB2;\n  background:#F9FCF7;\n}\n\n.tmb-softgreen .tmb-scene strong{\n  color:#4A684B;\n}\n\n\n\/* =========================================================\n   TAGS\n========================================================= *\/\n\n.tmb-tags{\n  display:flex;\n  flex-wrap:wrap;\n  justify-content:center;\n  gap:7px;\n  max-width:860px;\n  margin:22px auto 0;\n}\n\n.tmb-tag{\n  padding:7px 11px;\n  border-radius:999px;\n  background:#FFF9ED;\n  border:1px solid #DCC59E;\n  color:#765126;\n  font-size:11.5px;\n  line-height:1.35;\n  font-weight:750;\n}\n\n.tmb-terracotta .tmb-tag,\n.tmb-green .tmb-tag,\n.tmb-darkblue .tmb-tag{\n  color:#F8DDAA;\n  background:rgba(255,255,255,.09);\n  border-color:rgba(255,255,255,.19);\n}\n\n\n\/* =========================================================\n   SIZE CARDS\n========================================================= *\/\n\n.tmb-sizegrid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:9px;\n  max-width:760px;\n  margin:23px auto 0;\n}\n\n.tmb-size{\n  padding:17px 12px;\n  border-radius:14px;\n  background:#fff;\n  border:1px solid #DDC59D;\n  text-align:center;\n}\n\n.tmb-size strong{\n  display:block;\n  color:#9A6030;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:22px;\n  line-height:1.15;\n}\n\n.tmb-size span{\n  display:block;\n  margin-top:5px;\n  color:#736A60;\n  font-size:11.5px;\n}\n\n\n\/* =========================================================\n   PRODUCT DETAILS\n========================================================= *\/\n\n.tmb-specs{\n  max-width:850px;\n  margin:23px auto 0;\n  overflow:hidden;\n  border:1px solid #B4C7AE;\n  border-radius:15px;\n  background:#fff;\n}\n\n.tmb-spec{\n  display:grid;\n  grid-template-columns:180px 1fr;\n  border-bottom:1px solid #DDE5D9;\n  text-align:left;\n}\n\n.tmb-spec:last-child{\n  border-bottom:0;\n}\n\n.tmb-spec-name{\n  padding:12px 15px;\n  background:#E7EEE2;\n  color:#496248;\n  font-size:11.5px;\n  font-weight:800;\n}\n\n.tmb-spec-value{\n  padding:12px 15px;\n  background:#fff;\n  color:#4F574F;\n  font-size:13px;\n  font-weight:600;\n  line-height:1.5;\n}\n\n\n\/* =========================================================\n   FINAL\n========================================================= *\/\n\n.tmb-final{\n  padding:47px 0;\n  color:#fff;\n  text-align:center;\n  background:\n    radial-gradient(\n      circle at 8% 8%,\n      rgba(220,175,95,.24),\n      transparent 29%\n    ),\n    radial-gradient(\n      circle at 92% 90%,\n      rgba(67,105,126,.19),\n      transparent 29%\n    ),\n    linear-gradient(\n      135deg,\n      #171714,\n      #2D2B26 52%,\n      #4A4135\n    );\n}\n\n.tmb-final .tmb-inner{\n  background:rgba(255,255,255,.06);\n  border:1px solid rgba(255,255,255,.16);\n}\n\n.tmb-final .tmb-eyebrow{\n  color:#EBC882;\n}\n\n.tmb-final .tmb-h2{\n  color:#fff;\n}\n\n.tmb-final .tmb-h2 span{\n  color:#EDCB88;\n}\n\n.tmb-final .tmb-copy{\n  color:rgba(255,255,255,.84);\n}\n\n.tmb-final .tmb-tag{\n  color:#F5DDAE;\n  background:rgba(255,255,255,.09);\n  border-color:rgba(255,255,255,.18);\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:749px){\n\n  .tmb-section,\n  .tmb-hero{\n    padding:25px 0;\n  }\n\n  .tmb-final{\n    padding:32px 0;\n  }\n\n  .tmb-wrap{\n    width:calc(100% - 22px);\n  }\n\n  .tmb-inner{\n    padding:22px 16px;\n    border-radius:15px;\n  }\n\n  .tmb-eyebrow{\n    margin-bottom:9px;\n    font-size:9.5px;\n    letter-spacing:.09em;\n  }\n\n  .tmb-h1{\n    margin-bottom:13px;\n    font-size:29px;\n    line-height:1.17;\n  }\n\n  .tmb-h2{\n    margin-bottom:12px;\n    font-size:23px;\n    line-height:1.24;\n  }\n\n  .tmb-copy{\n    font-size:14px;\n    line-height:1.68;\n  }\n\n  .tmb-copy + .tmb-copy{\n    margin-top:10px;\n  }\n\n  .tmb-media{\n    margin-top:19px;\n    border-radius:12px;\n  }\n\n  .tmb-benefits{\n    grid-template-columns:repeat(2,1fr);\n    gap:7px;\n    margin-top:18px;\n  }\n\n  .tmb-benefit{\n    padding:10px 6px;\n    font-size:10.8px;\n  }\n\n  .tmb-features{\n    grid-template-columns:repeat(2,1fr);\n    gap:7px;\n    margin-top:18px;\n  }\n\n  .tmb-feature{\n    padding:12px 10px;\n  }\n\n  .tmb-feature strong{\n    font-size:12px;\n  }\n\n  .tmb-feature p{\n    font-size:11.2px;\n  }\n\n  .tmb-scenes{\n    grid-template-columns:1fr;\n    gap:7px;\n    margin-top:18px;\n  }\n\n  .tmb-sizegrid{\n    grid-template-columns:repeat(3,1fr);\n    gap:6px;\n    margin-top:18px;\n  }\n\n  .tmb-size{\n    padding:13px 5px;\n  }\n\n  .tmb-size strong{\n    font-size:18px;\n  }\n\n  .tmb-size span{\n    font-size:10px;\n  }\n\n  .tmb-tags{\n    gap:6px;\n    margin-top:18px;\n  }\n\n  .tmb-tag{\n    padding:6px 9px;\n    font-size:10.4px;\n  }\n\n  .tmb-specs{\n    margin-top:18px;\n  }\n\n  .tmb-spec{\n    grid-template-columns:1fr;\n  }\n\n  .tmb-spec-name{\n    padding:9px 12px 3px;\n  }\n\n  .tmb-spec-value{\n    padding:3px 12px 11px;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"tmb-page\"\u003e\n\n\u003c\/div\u003e","brand":"mwc","offers":[{"title":"Cercle \/ 8 pouces (20 cm)","offer_id":44465901600855,"sku":"JC261014036-y8inches2-1","price":29.99,"currency_code":"USD","in_stock":true},{"title":"Cercle \/ 12 pouces (30 cm)","offer_id":44465901633623,"sku":"JC261014036-y12inches3-1","price":34.99,"currency_code":"USD","in_stock":true},{"title":"Cercle \/ 16 pouces (40 cm)","offer_id":44465901666391,"sku":"JC261014036-y16inches4-1","price":44.99,"currency_code":"USD","in_stock":true},{"title":"Carré \/ 8 pouces (20 cm)","offer_id":44465901699159,"sku":"JC261014036-zfx8inches-1","price":29.99,"currency_code":"USD","in_stock":true},{"title":"Carré \/ 12 pouces (30 cm)","offer_id":44465901731927,"sku":"JC261014036-zfx12inche-1","price":34.99,"currency_code":"USD","in_stock":true},{"title":"Carré \/ 16 pouces (40 cm)","offer_id":44465901764695,"sku":"JC261014036-zfx16inche-1","price":44.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0679\/5473\/7239\/files\/800e690e2cc1dcea5d273f5372015ca2ac4d99c8.jpg?v=1792045738","url":"https:\/\/mycheesemas.com\/fr\/products\/traveard","provider":"mycheesemas","version":"1.0","type":"link"}