{"product_id":"diy-light-up-diamond-art-lantern","title":"Lanterne DIY lumineuse en art diamant","description":"\u003cstyle\u003e\n\/* =========================================================\n   DIY LIGHT-UP DIAMOND ART LANTERN\n   PURE CSS LETTER-BY-LETTER MOTION\n   NO JAVASCRIPT\n========================================================= *\/\n\n#dl-nativity{\n  --paper:#fffdf9;\n  --soft:#f8f5ef;\n  --ink:#28231f;\n  --text:#615850;\n  --line:rgba(70,52,37,.13);\n\n  width:100%;\n  max-width:1080px;\n  margin:0 auto;\n  overflow:hidden;\n  background:var(--paper);\n  color:var(--ink);\n  font-family:Arial,Helvetica,sans-serif;\n  line-height:1.65;\n  text-align:center;\n  position:relative;\n  isolation:isolate;\n}\n\n#dl-nativity *{\n  box-sizing:border-box;\n}\n\n#dl-nativity h1,\n#dl-nativity h2,\n#dl-nativity h3,\n#dl-nativity p{\n  margin:0;\n  padding:0;\n}\n\n#dl-nativity img{\n  display:block;\n  width:100%;\n  height:auto;\n  margin:0;\n  border:0;\n}\n\n\/* =========================================================\n   SECTION\n========================================================= *\/\n\n#dl-nativity .dl-section{\n  --accent:#9b493d;\n  width:100%;\n  padding:46px 22px;\n  border-top:1px solid var(--line);\n  background:var(--paper);\n}\n\n#dl-nativity .dl-section:first-child{\n  border-top:0;\n}\n\n#dl-nativity .dl-section:nth-child(even){\n  background:var(--soft);\n}\n\n#dl-nativity .dl-inner{\n  width:100%;\n  max-width:930px;\n  margin:0 auto;\n}\n\n\/* DIFFERENT ACCENT COLORS — BACKGROUND STAYS CLEAN *\/\n\n#dl-nativity .dl-red{\n  --accent:#a3473c;\n}\n\n#dl-nativity .dl-green{\n  --accent:#3e6650;\n}\n\n#dl-nativity .dl-gold{\n  --accent:#a9783e;\n}\n\n#dl-nativity .dl-blue{\n  --accent:#45647e;\n}\n\n#dl-nativity .dl-plum{\n  --accent:#77495d;\n}\n\n\/* =========================================================\n   SMALL KICKER\n   NO BIG PILL — LESS CROWDED\n========================================================= *\/\n\n#dl-nativity .dl-kicker{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap:10px;\n  max-width:700px;\n  margin:0 auto 9px;\n  color:var(--accent);\n  font-size:11px;\n  line-height:1.4;\n  font-weight:900;\n  letter-spacing:1.05px;\n  text-transform:uppercase;\n}\n\n#dl-nativity .dl-kicker:before,\n#dl-nativity .dl-kicker:after{\n  content:\"\";\n  width:28px;\n  height:1px;\n  flex:0 0 28px;\n  background:currentColor;\n  opacity:.32;\n}\n\n\/* =========================================================\n   HEADINGS\n========================================================= *\/\n\n#dl-nativity .dl-title{\n  max-width:790px;\n  margin:0 auto 12px;\n  color:#2b2521;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:36px;\n  line-height:1.13;\n  font-weight:700;\n  letter-spacing:-.025em;\n}\n\n#dl-nativity .dl-hero-title{\n  max-width:830px;\n  font-size:44px;\n  line-height:1.09;\n}\n\n#dl-nativity .dl-word{\n  display:inline-block;\n  white-space:nowrap;\n}\n\n\/* =========================================================\n   REAL LETTER-BY-LETTER ANIMATION\n========================================================= *\/\n\n#dl-nativity .dl-char{\n  display:inline-block;\n  color:inherit;\n  transform:translateY(0);\n  animation:dlLetterMove 3.6s ease-in-out infinite;\n  animation-delay:calc(var(--i) * .055s);\n  will-change:transform,color;\n}\n\n@keyframes dlLetterMove{\n  0%,72%,100%{\n    transform:translateY(0) scale(1);\n    color:inherit;\n    text-shadow:none;\n  }\n\n  80%{\n    transform:translateY(-5px) scale(1.035);\n    color:var(--accent);\n    text-shadow:0 4px 13px rgba(80,60,40,.10);\n  }\n\n  87%{\n    transform:translateY(1px) scale(.995);\n    color:var(--accent);\n  }\n\n  93%{\n    transform:translateY(0) scale(1);\n    color:inherit;\n  }\n}\n\n\/* =========================================================\n   BODY COPY\n========================================================= *\/\n\n#dl-nativity .dl-copy{\n  max-width:720px;\n  margin:0 auto;\n  color:var(--text);\n  font-size:15.5px;\n  line-height:1.72;\n  font-weight:500;\n}\n\n#dl-nativity .dl-copy + .dl-copy{\n  margin-top:7px;\n}\n\n\/* =========================================================\n   IMAGE\n========================================================= *\/\n\n#dl-nativity .dl-image{\n  width:100%;\n  max-width:900px;\n  margin:22px auto 0;\n  overflow:hidden;\n  border-radius:14px;\n  background:#eee8de;\n  box-shadow:0 9px 25px rgba(47,34,23,.08);\n}\n\n#dl-nativity .dl-image img{\n  width:100%;\n}\n\n\/* =========================================================\n   TOP BENEFITS\n========================================================= *\/\n\n#dl-nativity .dl-benefits{\n  width:100%;\n  max-width:900px;\n  margin:17px auto 0;\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  overflow:hidden;\n  border:1px solid var(--line);\n  border-radius:11px;\n  background:rgba(255,255,255,.84);\n}\n\n#dl-nativity .dl-benefit{\n  min-height:65px;\n  padding:12px 8px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  color:#39312b;\n  font-size:12px;\n  line-height:1.4;\n  font-weight:800;\n}\n\n#dl-nativity .dl-benefit + .dl-benefit{\n  border-left:1px solid var(--line);\n}\n\n\/* =========================================================\n   3 INFORMATION ITEMS\n========================================================= *\/\n\n#dl-nativity .dl-three{\n  width:100%;\n  max-width:900px;\n  margin:19px auto 0;\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  overflow:hidden;\n  border:1px solid var(--line);\n  border-radius:11px;\n  background:rgba(255,255,255,.84);\n}\n\n#dl-nativity .dl-three-item{\n  padding:18px 14px;\n}\n\n#dl-nativity .dl-three-item + .dl-three-item{\n  border-left:1px solid var(--line);\n}\n\n#dl-nativity .dl-num{\n  display:block;\n  margin-bottom:4px;\n  color:var(--accent);\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:23px;\n  line-height:1;\n  font-weight:700;\n}\n\n#dl-nativity .dl-three-item strong{\n  display:block;\n  margin-bottom:5px;\n  color:#342d27;\n  font-size:14px;\n  font-weight:900;\n}\n\n#dl-nativity .dl-three-item span:last-child{\n  display:block;\n  color:#655c54;\n  font-size:12px;\n  line-height:1.5;\n}\n\n\/* =========================================================\n   4 ITEMS\n========================================================= *\/\n\n#dl-nativity .dl-four{\n  width:100%;\n  max-width:900px;\n  margin:19px auto 0;\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  overflow:hidden;\n  border:1px solid var(--line);\n  border-radius:11px;\n  background:rgba(255,255,255,.84);\n}\n\n#dl-nativity .dl-four-item{\n  padding:17px 11px;\n}\n\n#dl-nativity .dl-four-item + .dl-four-item{\n  border-left:1px solid var(--line);\n}\n\n#dl-nativity .dl-icon{\n  display:block;\n  margin-bottom:5px;\n  color:var(--accent);\n  font-size:20px;\n  line-height:1;\n}\n\n#dl-nativity .dl-four-item strong{\n  display:block;\n  margin-bottom:4px;\n  color:#342d27;\n  font-size:13px;\n  font-weight:900;\n}\n\n#dl-nativity .dl-four-item span:last-child{\n  display:block;\n  color:#655c54;\n  font-size:12px;\n  line-height:1.45;\n}\n\n\/* =========================================================\n   SIMPLE BULLETS\n========================================================= *\/\n\n#dl-nativity .dl-list{\n  max-width:820px;\n  margin:18px auto 0;\n  padding:0;\n  list-style:none;\n  text-align:left;\n  border-top:1px solid var(--line);\n}\n\n#dl-nativity .dl-list li{\n  position:relative;\n  padding:11px 8px 11px 28px;\n  color:#514943;\n  font-size:14px;\n  border-bottom:1px solid var(--line);\n}\n\n#dl-nativity .dl-list li:before{\n  content:\"✦\";\n  position:absolute;\n  left:5px;\n  top:11px;\n  color:var(--accent);\n  font-size:13px;\n}\n\n\/* =========================================================\n   PRODUCT INFO\n========================================================= *\/\n\n#dl-nativity .dl-info{\n  max-width:860px;\n  margin:19px auto 0;\n  border-top:1px solid var(--line);\n}\n\n#dl-nativity .dl-info-row{\n  display:grid;\n  grid-template-columns:190px 1fr;\n  gap:18px;\n  padding:13px 3px;\n  border-bottom:1px solid var(--line);\n  text-align:left;\n}\n\n#dl-nativity .dl-info-row strong{\n  color:var(--accent);\n  font-size:11px;\n  font-weight:900;\n  line-height:1.45;\n  text-transform:uppercase;\n  letter-spacing:.5px;\n}\n\n#dl-nativity .dl-info-row span{\n  color:#595048;\n  font-size:13px;\n  line-height:1.55;\n}\n\n\/* =========================================================\n   FINAL\n========================================================= *\/\n\n#dl-nativity .dl-final{\n  --accent:#d9ad6f;\n  background:#243229!important;\n}\n\n#dl-nativity .dl-final .dl-kicker{\n  color:#dcb87e;\n}\n\n#dl-nativity .dl-final .dl-title{\n  color:#fff;\n}\n\n#dl-nativity .dl-final .dl-copy{\n  color:#ece7df;\n}\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:768px){\n\n  #dl-nativity .dl-section{\n    padding:34px 14px;\n  }\n\n  #dl-nativity .dl-kicker{\n    margin-bottom:7px;\n    font-size:10px;\n    letter-spacing:.8px;\n  }\n\n  #dl-nativity .dl-kicker:before,\n  #dl-nativity .dl-kicker:after{\n    width:18px;\n    flex-basis:18px;\n  }\n\n  #dl-nativity .dl-title{\n    max-width:650px;\n    margin-bottom:10px;\n    font-size:28px;\n    line-height:1.16;\n  }\n\n  #dl-nativity .dl-hero-title{\n    font-size:33px;\n    line-height:1.12;\n  }\n\n  #dl-nativity .dl-copy{\n    max-width:620px;\n    font-size:14.5px;\n    line-height:1.68;\n  }\n\n  #dl-nativity .dl-image{\n    margin-top:18px;\n    border-radius:11px;\n  }\n\n  #dl-nativity .dl-benefits{\n    grid-template-columns:1fr 1fr;\n  }\n\n  #dl-nativity .dl-benefit:nth-child(3){\n    border-left:0;\n    border-top:1px solid var(--line);\n  }\n\n  #dl-nativity .dl-benefit:nth-child(4){\n    border-top:1px solid var(--line);\n  }\n\n  #dl-nativity .dl-three{\n    grid-template-columns:1fr;\n  }\n\n  #dl-nativity .dl-three-item + .dl-three-item{\n    border-left:0;\n    border-top:1px solid var(--line);\n  }\n\n  #dl-nativity .dl-four{\n    grid-template-columns:1fr 1fr;\n  }\n\n  #dl-nativity .dl-four-item:nth-child(3){\n    border-left:0;\n    border-top:1px solid var(--line);\n  }\n\n  #dl-nativity .dl-four-item:nth-child(4){\n    border-top:1px solid var(--line);\n  }\n\n  #dl-nativity .dl-info-row{\n    grid-template-columns:1fr;\n    gap:3px;\n  }\n\n  #dl-nativity .dl-char{\n    animation-duration:3.9s;\n  }\n}\n\n@media(prefers-reduced-motion:reduce){\n  #dl-nativity .dl-char{\n    animation:none;\n  }\n}\n\u003c\/style\u003e\n\n\n\u003cdiv id=\"dl-nativity\"\u003e\n\n\n\n\u003c\/div\u003e","brand":"mwc","offers":[{"title":"Default Title","offer_id":44421469929559,"sku":null,"price":36.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0679\/5473\/7239\/files\/2a38b938ad6c67b4587116fb432ed48c57005c4f.jpg?v=1791357436","url":"https:\/\/mycheesemas.com\/fr\/products\/diy-light-up-diamond-art-lantern","provider":"mycheesemas","version":"1.0","type":"link"}