{"product_id":"halloween-oracle-deck","title":"🎃 Jeu d'oracle d'Halloween Doux \u0026 Effrayant – 31 messages effrayants quotidiens pour octobre","description":"\u003cstyle\u003e\n\/* ==========================================\n   SWEET \u0026 SPOOKY HALLOWEEN ORACLE DECK\n   PREMIUM SHOPIFY CONVERSION PAGE\n   Original English Copy\n   Mobile First \/ Scoped CSS\n========================================== *\/\n\n#spooky-oracle-page{\n  --night:#211b2e;\n  --purple:#46344c;\n  --pumpkin:#d67b39;\n  --gold:#bf9356;\n  --cream:#fff9f0;\n  --paper:#f7eedf;\n  --lavender:#f3edf5;\n  --ink:#332c3c;\n  --muted:#69616e;\n  --line:rgba(104,79,91,.14);\n\n  width:100%;\n  max-width:1120px;\n  margin:0 auto;\n  overflow:hidden;\n  background:#fffdf9;\n  color:var(--ink);\n  font-family:Arial,Helvetica,sans-serif;\n  text-align:center;\n  line-height:1.65;\n  isolation:isolate;\n}\n\n#spooky-oracle-page *{\n  box-sizing:border-box;\n}\n\n#spooky-oracle-page h1,\n#spooky-oracle-page h2,\n#spooky-oracle-page h3,\n#spooky-oracle-page p{\n  margin:0;\n  padding:0;\n}\n\n#spooky-oracle-page img{\n  display:block;\n  width:100%;\n  height:auto;\n  margin:0;\n  border:0;\n}\n\n#spooky-oracle-page .so-section{\n  width:100%;\n  padding:43px 18px;\n}\n\n#spooky-oracle-page .so-section+\n.so-section{\n  border-top:1px solid var(--line);\n}\n\n#spooky-oracle-page .so-inner{\n  max-width:930px;\n  margin:0 auto;\n}\n\n#spooky-oracle-page .so-hero{\n  background:\n    radial-gradient(circle at 50% 4%,\n    rgba(224,151,83,.17),transparent 45%),\n    linear-gradient(160deg,#39273c,#1c192b);\n  color:#fff;\n}\n\n#spooky-oracle-page .so-white{\n  background:#fffdf9;\n}\n\n#spooky-oracle-page .so-cream{\n  background:linear-gradient(155deg,#fffaf1,#f5e9d7);\n}\n\n#spooky-oracle-page .so-lavender{\n  background:linear-gradient(155deg,#fbf8fc,#f1eaf4);\n}\n\n#spooky-oracle-page .so-orange{\n  background:linear-gradient(155deg,#fff9f2,#f9ebdb);\n}\n\n#spooky-oracle-page .so-dark{\n  background:linear-gradient(145deg,#36243e,#191626);\n  color:#fff;\n}\n\n\/* SECTION INTRO *\/\n\n#spooky-oracle-page .so-kicker{\n  display:flex;\n  justify-content:center;\n  align-items:center;\n  gap:9px;\n  margin:0 auto 10px;\n  color:#ad7043;\n  font-size:11px;\n  font-weight:900;\n  letter-spacing:1.4px;\n  line-height:1.5;\n  text-transform:uppercase;\n}\n\n#spooky-oracle-page .so-kicker:before,\n#spooky-oracle-page .so-kicker:after{\n  content:\"✦\";\n  color:#c89a60;\n  font-size:11px;\n}\n\n#spooky-oracle-page .so-hero .so-kicker,\n#spooky-oracle-page .so-dark .so-kicker{\n  color:#efd4ab;\n}\n\n\/* TYPOGRAPHY *\/\n\n#spooky-oracle-page .so-title{\n  max-width:850px;\n  margin:0 auto 13px;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:clamp(28px,4.5vw,43px);\n  line-height:1.15;\n  letter-spacing:-.6px;\n  font-weight:700;\n  color:#342b40;\n}\n\n#spooky-oracle-page .so-hero-title{\n  font-size:clamp(35px,5vw,53px);\n  line-height:1.09;\n}\n\n#spooky-oracle-page .so-hero .so-title,\n#spooky-oracle-page .so-dark .so-title{\n  color:#fff8ed;\n}\n\n#spooky-oracle-page .so-copy{\n  max-width:760px;\n  margin:0 auto;\n  font-size:15px;\n  line-height:1.75;\n  color:var(--muted);\n}\n\n#spooky-oracle-page .so-copy+\n.so-copy{\n  margin-top:9px;\n}\n\n#spooky-oracle-page .so-hero .so-copy,\n#spooky-oracle-page .so-dark .so-copy{\n  color:#e9dfe8;\n}\n\n#spooky-oracle-page .so-accent{\n  color:#ae7043;\n}\n\n\/* LETTER BY LETTER COLOR CHANGE *\/\n\n#spooky-oracle-page .so-word{\n  display:inline-block;\n  white-space:nowrap;\n}\n\n#spooky-oracle-page .so-letter{\n  display:inline-block;\n  color:#bc7d40;\n  animation:so-glow 4s ease-in-out infinite;\n  animation-delay:calc(var(--i)*.11s);\n}\n\n#spooky-oracle-page .so-hero .so-letter,\n#spooky-oracle-page .so-dark .so-letter{\n  animation-name:so-glow-light;\n}\n\n@keyframes so-glow{\n  0%,53%,100%{\n    color:#a96b3b;\n    text-shadow:none;\n  }\n  68%{\n    color:#e09b53;\n  }\n  80%{\n    color:#805589;\n    text-shadow:0 0 8px rgba(156,111,159,.15);\n  }\n  91%{\n    color:#b77e4b;\n  }\n}\n\n@keyframes so-glow-light{\n  0%,53%,100%{\n    color:#f1cd94;\n    text-shadow:none;\n  }\n  68%{\n    color:#fff5cf;\n  }\n  80%{\n    color:#e6a766;\n    text-shadow:0 0 14px rgba(255,186,92,.2);\n  }\n  91%{\n    color:#f1cd94;\n  }\n}\n\n\/* PRODUCT IMAGES *\/\n\n#spooky-oracle-page .so-image{\n  max-width:880px;\n  margin:21px auto 0;\n  border-radius:15px;\n  overflow:hidden;\n  background:#f2e8dc;\n  border:1px solid var(--line);\n  box-shadow:0 12px 28px rgba(45,28,45,.1);\n}\n\n#spooky-oracle-page .so-image img{\n  width:100%;\n  height:auto;\n}\n\n\/* STAT BAR *\/\n\n#spooky-oracle-page .so-stats{\n  max-width:880px;\n  margin:18px auto 0;\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  overflow:hidden;\n  border:1px solid var(--line);\n  border-radius:13px;\n  background:#fff;\n}\n\n#spooky-oracle-page .so-stat{\n  padding:16px 10px;\n}\n\n#spooky-oracle-page .so-stat+\n.so-stat{\n  border-left:1px solid var(--line);\n}\n\n#spooky-oracle-page .so-stat strong{\n  display:block;\n  color:#ab6a39;\n  font-size:25px;\n  font-weight:900;\n  line-height:1.2;\n}\n\n#spooky-oracle-page .so-stat span{\n  display:block;\n  color:#6c626d;\n  font-size:12px;\n  font-weight:800;\n  margin-top:4px;\n}\n\n\/* FEATURE CARDS *\/\n\n#spooky-oracle-page .so-grid3{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:10px;\n  margin-top:18px;\n}\n\n#spooky-oracle-page .so-grid4{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:9px;\n  margin-top:18px;\n}\n\n#spooky-oracle-page .so-card{\n  border:1px solid var(--line);\n  border-radius:13px;\n  background:#fff;\n  padding:19px 12px;\n}\n\n#spooky-oracle-page .so-icon{\n  display:block;\n  font-size:23px;\n  margin-bottom:8px;\n}\n\n#spooky-oracle-page .so-card strong{\n  display:block;\n  color:#453447;\n  font-size:14px;\n  font-weight:900;\n  margin-bottom:5px;\n}\n\n#spooky-oracle-page .so-card p{\n  color:#746a74;\n  font-size:12px;\n  line-height:1.55;\n}\n\n\/* STEPS *\/\n\n#spooky-oracle-page .so-steps{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  overflow:hidden;\n  border:1px solid var(--line);\n  border-radius:13px;\n  background:#fff;\n  margin-top:19px;\n}\n\n#spooky-oracle-page .so-step{\n  padding:20px 12px;\n}\n\n#spooky-oracle-page .so-step+\n.so-step{\n  border-left:1px solid var(--line);\n}\n\n#spooky-oracle-page .so-step b{\n  display:flex;\n  justify-content:center;\n  align-items:center;\n  width:38px;\n  height:38px;\n  margin:0 auto 9px;\n  border-radius:50%;\n  background:#46334c;\n  color:#f6d4a1;\n  font-size:13px;\n}\n\n#spooky-oracle-page .so-step strong{\n  display:block;\n  color:#46364b;\n  font-size:14px;\n  margin-bottom:5px;\n}\n\n#spooky-oracle-page .so-step p{\n  color:#706873;\n  font-size:12px;\n  line-height:1.55;\n}\n\n\/* PILLS *\/\n\n#spooky-oracle-page .so-pills{\n  display:flex;\n  justify-content:center;\n  flex-wrap:wrap;\n  gap:8px;\n  margin:17px auto 0;\n}\n\n#spooky-oracle-page .so-pill{\n  padding:9px 13px;\n  border:1px solid var(--line);\n  border-radius:999px;\n  background:#fff;\n  color:#694d61;\n  font-size:12px;\n  font-weight:800;\n}\n\n\/* SPECIFICATIONS *\/\n\n#spooky-oracle-page .so-specs{\n  max-width:850px;\n  margin:19px auto 0;\n  border-top:1px solid var(--line);\n}\n\n#spooky-oracle-page .so-spec{\n  display:grid;\n  grid-template-columns:185px 1fr;\n  gap:14px;\n  padding:13px 4px;\n  text-align:left;\n  border-bottom:1px solid var(--line);\n}\n\n#spooky-oracle-page .so-spec b{\n  font-size:12px;\n  color:#9f693d;\n}\n\n#spooky-oracle-page .so-spec span{\n  font-size:13px;\n  color:#675d68;\n}\n\n\/* FINAL *\/\n\n#spooky-oracle-page .so-final{\n  display:flex;\n  justify-content:center;\n  flex-wrap:wrap;\n  gap:8px;\n  margin:18px auto 0;\n}\n\n#spooky-oracle-page .so-final span{\n  padding:9px 13px;\n  border:1px solid rgba(236,200,151,.23);\n  border-radius:999px;\n  color:#f5dfbd;\n  background:rgba(255,255,255,.06);\n  font-size:12px;\n  font-weight:800;\n}\n\n\/* MOBILE *\/\n\n@media(max-width:700px){\n\n  #spooky-oracle-page .so-section{\n    padding:32px 13px;\n  }\n\n  #spooky-oracle-page .so-copy{\n    font-size:14px;\n    line-height:1.7;\n  }\n\n  #spooky-oracle-page .so-image{\n    margin-top:18px;\n    border-radius:11px;\n  }\n\n  #spooky-oracle-page .so-stat{\n    padding:14px 5px;\n  }\n\n  #spooky-oracle-page .so-stat strong{\n    font-size:21px;\n  }\n\n  #spooky-oracle-page .so-stat span{\n    font-size:10px;\n  }\n\n  #spooky-oracle-page .so-grid3{\n    grid-template-columns:1fr;\n  }\n\n  #spooky-oracle-page .so-grid4{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  #spooky-oracle-page .so-steps{\n    grid-template-columns:1fr;\n  }\n\n  #spooky-oracle-page .so-step+\n  .so-step{\n    border-left:0;\n    border-top:1px solid var(--line);\n  }\n\n  #spooky-oracle-page .so-spec{\n    grid-template-columns:1fr;\n    gap:3px;\n  }\n}\n\n@media(prefers-reduced-motion:reduce){\n  #spooky-oracle-page .so-letter{\n    animation:none!important;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv id=\"spooky-oracle-page\"\u003e\n\n\u003c!-- ====================================\n  01 HERO\n==================================== --\u0026gt;\n\u003csection class=\"so-section so-hero\"\u003e\n\u003cdiv class=\"so-inner\"\u003e\n\n\u003cp class=\"so-kicker\"\u003eCOLLECTION ORACLE D'HALLOWEEN • 31 MESSAGES QUOTIDIENS\u003c\/p\u003e\n\n\u003ch1 class=\"so-title so-hero-title\"\u003eUn Petit \u003cspan class=\"so-word\"\u003e \u003cspan class=\"so-letter\" style=\"--i: 0;\"\u003eM\u003c\/span\u003e\u003cspan class=\"so-letter\" style=\"--i: 1;\"\u003ea\u003c\/span\u003e\u003cspan class=\"so-letter\" style=\"--i: 2;\"\u003eg\u003c\/span\u003e\u003cspan class=\"so-letter\" style=\"--i: 3;\"\u003ei\u003c\/span\u003e\u003cspan class=\"so-letter\" style=\"--i: 4;\"\u003ec\u003c\/span\u003e \u003c\/span\u003e pour Chaque Jour d'Octobre.\u003c\/h1\u003e\n\n\u003cp class=\"so-copy\"\u003eRendez le mois le plus effrayant de l'année un peu plus magique. Ce charmant jeu d'oracle d'Halloween vous invite à découvrir chaque jour un nouveau message de saison, mêlant des images automnales ludiques à de doux moments de réflexion.\u003c\/p\u003e\n\n\u003cp class=\"so-copy\"\u003ePensez au charme vintage d'Halloween, aux douces matinées d'octobre et à 31 petites raisons de faire une pause, de sourire et de profiter de la saison.\u003c\/p\u003e\n\n\u003c!-- IMAGE 1: IMAGE PRINCIPALE DU PRODUIT --\u003e\u003cbr\u003e\n\u003cdiv class=\"so-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0679\/5473\/7239\/files\/5acc839573f52d0cccd36ad361085b9da9e12084.webp?v=1791526909\" alt=\"\"\u003e\u003c\/div\u003e\n\n\u003cbr\u003e\n\u003cdiv class=\"so-stats\"\u003e\n\n\u003cdiv class=\"so-stat\"\u003e\n\n\u003cstrong\u003e31\u003c\/strong\u003e \u003cspan\u003eMessages Effrayants\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"so-stat\"\u003e\n\n\u003cstrong\u003e1\u003c\/strong\u003e \u003cspan\u003eRituel Quotidien\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"so-stat\"\u003e\n\n\u003cstrong\u003e🎃\u003c\/strong\u003e \u003cspan\u003eMagie d'Octobre\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n","brand":"mwc","offers":[{"title":"Default Title","offer_id":44430816641111,"sku":"LW3663798-A","price":19.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0679\/5473\/7239\/files\/5acc839573f52d0cccd36ad361085b9da9e12084.webp?v=1791526909","url":"https:\/\/mycheesemas.com\/fr\/products\/halloween-oracle-deck","provider":"mycheesemas","version":"1.0","type":"link"}