{"product_id":"hot-sale-6-hook-over-the-door-organizer-no-drill-space-saving-hanging-rack","title":"🔥Dernier jour : -50 % sur l’organisateur de porte à 6 crochets – Support suspendu gain de place sans perçage ✨","description":"\u003cstyle\u003e\n\/* =========================================================\n   OVER-THE-DOOR 6-HOOK ORGANIZER\n   16 CONNECTED MODULES | HIGH-CONVERSION SHOPIFY PAGE\n   UNIFIED WARM IVORY BACKGROUND\n   SAGE \/ SAND \/ DOOR \u0026 HOOK INSPIRED DETAILS\n   7-STOP ONE-WAY FLOWING TITLES\n   MOBILE FIRST | ORIGINAL 4 IMAGES | NO JS | NO FAQ\n========================================================= *\/\n\n#door6-detail,\n#door6-detail *,\n#door6-detail *::before,\n#door6-detail *::after{\n  box-sizing:border-box;\n}\n\n#door6-detail{\n  --d-bg:#f8f5ee;\n  --d-paper:#fffdf8;\n  --d-sage:#eaf1e8;\n  --d-sand:#f5ebde;\n  --d-mist:#edf3f1;\n  --d-cream:#f8f0e3;\n  --d-green:#365f4d;\n  --d-deep:#284a3e;\n  --d-gold:#b48b56;\n  --d-ink:#34433b;\n  --d-muted:#68746c;\n  --d-line:#e4e0d5;\n\n  width:100%;\n  max-width:1140px;\n  margin:0 auto;\n  padding:0;\n  overflow:hidden;\n  border-radius:18px;\n  background:var(--d-bg);\n  color:var(--d-ink);\n  font-family:Arial,Helvetica,sans-serif;\n  font-size:14px;\n  line-height:1.75;\n  overflow-wrap:break-word;\n}\n\n#door6-detail h1,\n#door6-detail h2,\n#door6-detail h3,\n#door6-detail p,\n#door6-detail figure{\n  margin:0;\n  padding:0;\n}\n\n#door6-detail img{\n  display:block;\n  width:100%;\n  max-width:100%;\n  height:auto;\n  border:0;\n}\n\n\/* 16 CONNECTED MODULES *\/\n\n#door6-detail .d6-section{\n  position:relative;\n  isolation:isolate;\n  margin:0;\n  padding:31px 24px;\n  overflow:hidden;\n  text-align:center;\n  background:var(--d-bg);\n  border:0;\n  border-bottom:1px solid var(--d-line);\n  border-radius:0;\n}\n\n#door6-detail .d6-section:last-child{\n  border-bottom:0;\n}\n\n#door6-detail .d6-section\u003e*{\n  position:relative;\n  z-index:1;\n}\n\n\/* SUBTLE PRODUCT-RELATED TEXTURES *\/\n\n#door6-detail .d6-pattern::before{\n  content:\"\";\n  position:absolute;\n  z-index:0;\n  top:0;\n  right:0;\n  width:185px;\n  height:135px;\n  opacity:.26;\n  pointer-events:none;\n  background-image:var(--d6-motif);\n  background-size:var(--d6-motif-size,44px 44px);\n  background-repeat:repeat;\n  -webkit-mask-image:linear-gradient(\n    225deg,#000 0%,transparent 89%\n  );\n  mask-image:linear-gradient(\n    225deg,#000 0%,transparent 89%\n  );\n}\n\n#door6-detail .d6-hooks{\n  --d6-motif:\n    radial-gradient(\n      circle at 50% 20%,\n      transparent 0 9px,\n      rgba(54,95,77,.19) 10px 11px,\n      transparent 12px\n    ),\n    linear-gradient(\n      90deg,\n      transparent 47%,\n      rgba(54,95,77,.12) 48% 50%,\n      transparent 51%\n    );\n  --d6-motif-size:43px 43px;\n}\n\n#door6-detail .d6-door{\n  --d6-motif:\n    linear-gradient(\n      90deg,\n      transparent 18%,\n      rgba(54,95,77,.16) 19% 21%,\n      transparent 22% 78%,\n      rgba(54,95,77,.16) 79% 81%,\n      transparent 82%\n    ),\n    linear-gradient(\n      0deg,\n      transparent 18%,\n      rgba(54,95,77,.12) 19% 21%,\n      transparent 22% 78%,\n      rgba(54,95,77,.12) 79% 81%,\n      transparent 82%\n    );\n  --d6-motif-size:47px 47px;\n}\n\n#door6-detail .d6-lines{\n  --d6-motif:\n    repeating-linear-gradient(\n      135deg,\n      transparent 0 13px,\n      rgba(180,139,86,.13) 14px 16px,\n      transparent 17px 29px\n    );\n  --d6-motif-size:42px 42px;\n}\n\n#door6-detail .d6-dots{\n  --d6-motif:\n    radial-gradient(\n      circle at 50% 50%,\n      rgba(180,139,86,.25) 0 2px,\n      transparent 3px\n    ),\n    radial-gradient(\n      circle at 10% 10%,\n      rgba(54,95,77,.18) 0 2px,\n      transparent 3px\n    );\n  --d6-motif-size:42px 42px;\n}\n\n\/* EYEBROW LABELS *\/\n\n#door6-detail .d6-eyebrow{\n  display:inline-block;\n  margin:0 auto 11px;\n  padding:6px 13px;\n  border:1px solid #dce4d6;\n  border-radius:999px;\n  background:#eaf0e6;\n  color:#4b6d57;\n  font-size:10px;\n  font-weight:800;\n  line-height:1.55;\n  letter-spacing:1.1px;\n  text-transform:uppercase;\n}\n\n\/* ORIGINAL TEMPLATE: 7-STOP FLOWING TITLES *\/\n\n#door6-detail .d6-title{\n  max-width:900px;\n  margin:0 auto 13px;\n  color:var(--d-green);\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:clamp(25px,3vw,37px);\n  font-weight:700;\n  line-height:1.2;\n  letter-spacing:-.5px;\n  overflow-wrap:break-word;\n}\n\n#door6-detail .d6-hero-title{\n  font-size:clamp(31px,4vw,46px);\n  line-height:1.13;\n}\n\n@supports (-webkit-background-clip:text){\n  #door6-detail .d6-title{\n    background-image:linear-gradient(\n      90deg,\n      #365f4d 0%,\n      #77947b 19%,\n      #9a744e 38%,\n      #c7ac7d 53%,\n      #557e6b 68%,\n      #a48b67 83%,\n      #365f4d 100%\n    );\n    background-size:240% 100%;\n    background-position:100% 50%;\n    background-repeat:repeat;\n    -webkit-background-clip:text;\n    background-clip:text;\n    -webkit-text-fill-color:transparent;\n    animation:d6-title-flow 15s linear infinite;\n  }\n}\n\n@keyframes d6-title-flow{\n  0%{\n    background-position:100% 50%;\n  }\n  100%{\n    background-position:-140% 50%;\n  }\n}\n\n\/* COPY *\/\n\n#door6-detail .d6-lead{\n  max-width:790px;\n  margin:0 auto 15px;\n  color:#536b5c;\n  font-size:15px;\n  line-height:1.85;\n}\n\n#door6-detail .d6-copy{\n  max-width:820px;\n  margin:0 auto 14px;\n  color:var(--d-muted);\n  font-size:13px;\n  line-height:1.85;\n}\n\n#door6-detail .d6-copy strong,\n#door6-detail .d6-lead strong{\n  color:var(--d-green);\n  font-weight:800;\n}\n\n\/* PRODUCT IMAGES *\/\n\n#door6-detail .d6-photo{\n  width:100%;\n  max-width:750px;\n  margin:17px auto 0;\n  overflow:hidden;\n  border:1px solid var(--d-line);\n  border-radius:15px;\n  background:var(--d-paper);\n  box-shadow:0 5px 16px rgba(49,69,55,.045);\n}\n\n#door6-detail .d6-photo img{\n  width:100%;\n  height:auto;\n  object-fit:contain;\n}\n\n\/* FEATURE PILLS *\/\n\n#door6-detail .d6-pills{\n  display:flex;\n  flex-wrap:wrap;\n  justify-content:center;\n  gap:8px;\n  margin:17px auto 6px;\n}\n\n#door6-detail .d6-pill{\n  display:inline-flex;\n  align-items:center;\n  padding:8px 12px;\n  border:1px solid #e0dfd4;\n  border-radius:999px;\n  background:var(--d-paper);\n  color:#4b6b56;\n  font-size:11px;\n  font-weight:750;\n  line-height:1.5;\n}\n\n\/* LIGHT CARDS *\/\n\n#door6-detail .d6-grid{\n  display:grid;\n  gap:11px;\n  margin-top:19px;\n  text-align:left;\n}\n\n#door6-detail .d6-grid2{\n  grid-template-columns:repeat(2,minmax(0,1fr));\n}\n\n#door6-detail .d6-grid3{\n  grid-template-columns:repeat(3,minmax(0,1fr));\n}\n\n#door6-detail .d6-grid4{\n  grid-template-columns:repeat(4,minmax(0,1fr));\n}\n\n#door6-detail .d6-card{\n  min-width:0;\n  padding:16px 14px;\n  border:1px solid #e4e0d6;\n  border-radius:15px;\n  background:var(--d-paper);\n  box-shadow:0 4px 12px rgba(49,69,55,.025);\n}\n\n#door6-detail .d6-card:nth-child(4n+2){\n  background:var(--d-sage);\n}\n\n#door6-detail .d6-card:nth-child(4n+3){\n  background:var(--d-sand);\n}\n\n#door6-detail .d6-card:nth-child(4n+4){\n  background:var(--d-mist);\n}\n\n#door6-detail .d6-icon{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:40px;\n  height:40px;\n  margin-bottom:10px;\n  border:1px solid #e4dfd1;\n  border-radius:50%;\n  background:#fffefa;\n  font-size:21px;\n}\n\n#door6-detail .d6-card h3{\n  margin:0 0 7px;\n  color:var(--d-green);\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:17px;\n  font-weight:700;\n  line-height:1.4;\n}\n\n#door6-detail .d6-card p{\n  color:#68756d;\n  font-size:12px;\n  line-height:1.8;\n}\n\n\/* QUOTE \/ FIT NOTE *\/\n\n#door6-detail .d6-note{\n  max-width:850px;\n  margin:19px auto 0;\n  padding:15px 17px;\n  border:1px solid #e5d9c6;\n  border-radius:14px;\n  background:#f4ebdc;\n  color:#80694e;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:16px;\n  line-height:1.65;\n}\n\n#door6-detail .d6-note strong{\n  color:#49624f;\n  font-weight:700;\n}\n\n\/* INSTALLATION STEPS *\/\n\n#door6-detail .d6-step{\n  padding:17px 14px;\n  border:1px solid var(--d-line);\n  border-radius:14px;\n  background:var(--d-paper);\n}\n\n#door6-detail .d6-step:nth-child(even){\n  background:var(--d-sage);\n}\n\n#door6-detail .d6-number{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:36px;\n  height:36px;\n  margin-bottom:11px;\n  border-radius:50%;\n  background:#eee3cc;\n  color:#94704b;\n  font-size:15px;\n  font-weight:800;\n}\n\n#door6-detail .d6-step h3{\n  margin:0 0 7px;\n  color:var(--d-green);\n  font-size:14px;\n  font-weight:800;\n  line-height:1.45;\n}\n\n#door6-detail .d6-step p{\n  color:#68756d;\n  font-size:12px;\n  line-height:1.8;\n}\n\n\/* COLOR SWATCHES *\/\n\n#door6-detail .d6-swatch{\n  display:inline-block;\n  width:35px;\n  height:35px;\n  margin:0 0 10px;\n  border:3px solid #fff;\n  border-radius:50%;\n  box-shadow:0 0 0 1px #d5d3ca;\n}\n\n#door6-detail .d6-white{\n  background:#eee9db;\n}\n\n#door6-detail .d6-gray{\n  background:#57595a;\n}\n\n\/* SPECIFICATIONS *\/\n\n#door6-detail .d6-table-wrap{\n  max-width:850px;\n  margin:18px auto 0;\n  overflow:hidden;\n  border:1px solid var(--d-line);\n  border-radius:14px;\n  background:var(--d-paper);\n}\n\n#door6-detail .d6-table{\n  width:100%;\n  border-collapse:collapse;\n  text-align:left;\n}\n\n#door6-detail .d6-table tr{\n  border-bottom:1px solid #e9e5db;\n}\n\n#door6-detail .d6-table tr:nth-child(even){\n  background:#f2f0e8;\n}\n\n#door6-detail .d6-table tr:last-child{\n  border-bottom:0;\n}\n\n#door6-detail .d6-table th,\n#door6-detail .d6-table td{\n  padding:12px 14px;\n  vertical-align:top;\n  font-size:12px;\n  line-height:1.75;\n}\n\n#door6-detail .d6-table th{\n  width:35%;\n  color:var(--d-green);\n  font-weight:800;\n}\n\n#door6-detail .d6-table td{\n  color:var(--d-muted);\n}\n\n\/* WOODLAND-STYLE FINAL CTA *\/\n\n#door6-detail .d6-final{\n  margin:17px auto 0;\n  padding:24px 18px;\n  border:1px solid #e4d8c6;\n  border-radius:17px;\n  background:#f3ecdf;\n}\n\n#door6-detail .d6-final strong{\n  display:block;\n  max-width:760px;\n  margin:0 auto 11px;\n  color:var(--d-green);\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:23px;\n  line-height:1.45;\n}\n\n#door6-detail .d6-final p{\n  max-width:780px;\n  margin:0 auto 12px;\n  color:var(--d-muted);\n  font-size:13px;\n  line-height:1.85;\n}\n\n#door6-detail .d6-final-pills{\n  display:flex;\n  flex-wrap:wrap;\n  justify-content:center;\n  gap:8px;\n  margin:15px auto;\n}\n\n#door6-detail .d6-final-pills span{\n  padding:8px 11px;\n  border:1px solid #e0dfd4;\n  border-radius:999px;\n  background:var(--d-paper);\n  color:#4b6b56;\n  font-size:11px;\n  font-weight:750;\n}\n\n#door6-detail .d6-final-line{\n  display:block;\n  margin:17px auto 0;\n  padding:12px 14px;\n  border:1px solid #e1d8c9;\n  border-radius:12px;\n  background:var(--d-paper);\n  color:#8a714e;\n  font-size:11px;\n  font-weight:800;\n  letter-spacing:.8px;\n  line-height:1.8;\n}\n\n\/* PURCHASE RETURN LINK *\/\n\n#door6-detail .d6-backtop{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  min-height:43px;\n  margin-top:15px;\n  padding:10px 20px;\n  border:1px solid #b5c8b6;\n  border-radius:999px;\n  background:#ecf3e9;\n  color:#365f4d !important;\n  font-size:12px;\n  font-weight:800;\n  line-height:1.5;\n  text-decoration:none !important;\n}\n\n#door6-detail .d6-backtop:hover,\n#door6-detail .d6-backtop:focus{\n  background:#dfece0;\n  color:#284a3e !important;\n}\n\n\/* MOBILE *\/\n\n@media(max-width:700px){\n\n  #door6-detail{\n    border-radius:13px;\n    font-size:13px;\n  }\n\n  #door6-detail .d6-section{\n    padding:25px 15px;\n  }\n\n  #door6-detail .d6-title{\n    font-size:25px;\n    letter-spacing:-.3px;\n  }\n\n  #door6-detail .d6-hero-title{\n    font-size:30px;\n  }\n\n  #door6-detail .d6-lead{\n    font-size:13px;\n  }\n\n  #door6-detail .d6-copy{\n    font-size:12px;\n  }\n\n  #door6-detail .d6-grid2,\n  #door6-detail .d6-grid3{\n    grid-template-columns:1fr;\n    gap:9px;\n  }\n\n  #door6-detail .d6-grid4{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n    gap:8px;\n  }\n\n  #door6-detail .d6-card{\n    padding:14px 12px;\n  }\n\n  #door6-detail .d6-card h3{\n    font-size:16px;\n  }\n\n  #door6-detail .d6-pill{\n    padding:7px 9px;\n    font-size:10px;\n  }\n\n  #door6-detail .d6-photo{\n    margin-top:15px;\n    border-radius:12px;\n  }\n\n  #door6-detail .d6-note{\n    padding:13px;\n    font-size:14px;\n  }\n\n  #door6-detail .d6-table th,\n  #door6-detail .d6-table td{\n    padding:10px 9px;\n    font-size:11px;\n  }\n\n  #door6-detail .d6-final{\n    padding:20px 13px;\n  }\n\n  #door6-detail .d6-final strong{\n    font-size:20px;\n  }\n\n  #door6-detail .d6-pattern::before{\n    width:125px;\n    height:100px;\n    opacity:.2;\n  }\n\n  @supports (-webkit-background-clip:text){\n    #door6-detail .d6-title{\n      animation-duration:10s;\n    }\n  }\n}\n\n@media(max-width:380px){\n\n  #door6-detail .d6-hero-title{\n    font-size:27px;\n  }\n\n  #door6-detail .d6-grid4 .d6-card{\n    padding:12px 9px;\n  }\n}\n\n@media(prefers-reduced-motion:reduce){\n  #door6-detail .d6-title{\n    animation:none!important;\n    background-position:50% 50%!important;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv id=\"door6-detail\" lang=\"fr\"\u003e\n\n\u003c\/div\u003e","brand":"LWWW","offers":[{"title":"Blanc 2 pièces","offer_id":44566734241879,"sku":"NC02012610252569-白色*2","price":19.99,"currency_code":"USD","in_stock":true},{"title":"Gris 2 pièces","offer_id":44566734274647,"sku":"NC02012610252569-灰色*2","price":19.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0679\/5473\/7239\/files\/Over-the-DoorSix-HookOrganizer.png?v=1792987001","url":"https:\/\/mycheesemas.com\/fr\/products\/hot-sale-6-hook-over-the-door-organizer-no-drill-space-saving-hanging-rack","provider":"mycheesemas","version":"1.0","type":"link"}