{"product_id":"insomnia-bath-salts-250ml","title":"Insomnia Bath Salts 250ml","description":"\u003cdiv class=\"omg-sleep-relax\"\u003e\n\n\u003cstyle\u003e\n\/* =========================================================\n   OMG FIND — SLEEP \u0026 RELAX BATH SALTS\n   MOONLIT NIGHT PREMIUM DESIGN\n========================================================= *\/\n\n.omg-sleep-relax {\n  --navy: #0a0e1a;\n  --navy-2: #101526;\n  --charcoal: #161b2e;\n  --charcoal-2: #1c2237;\n  --cream: #eee9dc;\n  --soft-cream: #d9d4c8;\n  --muted: #a7a9b5;\n  --gold: #e0b872;\n  --gold-soft: #f0d49a;\n  --lavender: #a9a2d8;\n  --glass: rgba(255,255,255,.055);\n  --glass-strong: rgba(255,255,255,.075);\n  --border: rgba(224,184,114,.18);\n  --glow: rgba(224,184,114,.18);\n\n  position: relative;\n  width: 100%;\n  max-width: 950px;\n  margin: 0 auto;\n  padding: 0 0 35px;\n\n  color: var(--cream);\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Roboto,\n    Arial,\n    sans-serif;\n\n  overflow: hidden;\n\n  background:\n    radial-gradient(\n      circle at 50% -10%,\n      rgba(119,105,180,.13),\n      transparent 32%\n    ),\n    radial-gradient(\n      circle at 10% 35%,\n      rgba(224,184,114,.045),\n      transparent 25%\n    ),\n    radial-gradient(\n      circle at 90% 70%,\n      rgba(94,87,158,.07),\n      transparent 30%\n    ),\n    linear-gradient(\n      145deg,\n      #0a0e1a 0%,\n      #0d1220 40%,\n      #161b2e 100%\n    );\n\n  border-radius: 30px;\n\n  box-shadow:\n    0 30px 100px rgba(0,0,0,.45),\n    inset 0 1px 0 rgba(255,255,255,.025);\n}\n\n.omg-sleep-relax *,\n.omg-sleep-relax *::before,\n.omg-sleep-relax *::after {\n  box-sizing: border-box;\n}\n\n\/* =========================================================\n   STARS\n========================================================= *\/\n\n.omg-sr-star {\n  position: absolute;\n\n  width: 3px;\n  height: 3px;\n\n  border-radius: 50%;\n\n  background: rgba(255,244,207,.8);\n\n  box-shadow:\n    0 0 7px rgba(255,220,145,.7),\n    0 0 14px rgba(177,164,255,.35);\n\n  pointer-events: none;\n\n  animation: srTwinkle 4s ease-in-out infinite;\n\n  z-index: 0;\n}\n\n.omg-sr-star:nth-child(1) {\n  top: 7%;\n  left: 11%;\n  animation-delay: .4s;\n}\n\n.omg-sr-star:nth-child(2) {\n  top: 14%;\n  right: 14%;\n  width: 2px;\n  height: 2px;\n  animation-delay: 1.4s;\n}\n\n.omg-sr-star:nth-child(3) {\n  top: 29%;\n  left: 6%;\n  width: 2px;\n  height: 2px;\n  animation-delay: 2.1s;\n}\n\n.omg-sr-star:nth-child(4) {\n  top: 38%;\n  right: 8%;\n  animation-delay: .9s;\n}\n\n.omg-sr-star:nth-child(5) {\n  top: 57%;\n  left: 13%;\n  width: 2px;\n  height: 2px;\n  animation-delay: 2.8s;\n}\n\n.omg-sr-star:nth-child(6) {\n  top: 67%;\n  right: 12%;\n  width: 2px;\n  height: 2px;\n  animation-delay: 1.8s;\n}\n\n.omg-sr-star:nth-child(7) {\n  top: 82%;\n  left: 8%;\n  animation-delay: 3.2s;\n}\n\n.omg-sr-star:nth-child(8) {\n  top: 91%;\n  right: 17%;\n  width: 2px;\n  height: 2px;\n  animation-delay: 2.4s;\n}\n\n@keyframes srTwinkle {\n  0%, 100% {\n    opacity: .25;\n    transform: scale(.75);\n  }\n\n  50% {\n    opacity: 1;\n    transform: scale(1.45);\n  }\n}\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.omg-sr-hero {\n  position: relative;\n  overflow: hidden;\n  z-index: 1;\n\n  padding: 70px 25px 65px;\n\n  text-align: center;\n\n  border-radius: 30px;\n\n  background:\n    radial-gradient(\n      circle at 50% 38%,\n      rgba(142,128,205,.13),\n      transparent 30%\n    ),\n    radial-gradient(\n      circle at 50% 85%,\n      rgba(224,184,114,.055),\n      transparent 35%\n    ),\n    linear-gradient(\n      145deg,\n      rgba(15,20,35,.92),\n      rgba(21,27,46,.96)\n    );\n\n  border: 1px solid rgba(224,184,114,.12);\n\n  box-shadow:\n    0 25px 70px rgba(0,0,0,.35),\n    inset 0 1px 0 rgba(255,255,255,.035);\n\n  animation: srFade 1s ease forwards;\n}\n\n\/* Decorative orbital rings *\/\n\n.omg-sr-hero::before,\n.omg-sr-hero::after {\n  content: \"\";\n\n  position: absolute;\n\n  border-radius: 50%;\n\n  pointer-events: none;\n}\n\n.omg-sr-hero::before {\n  width: 340px;\n  height: 340px;\n\n  top: -205px;\n  right: -125px;\n\n  border: 1px solid rgba(224,184,114,.10);\n\n  box-shadow:\n    0 0 80px rgba(170,158,221,.06);\n}\n\n.omg-sr-hero::after {\n  width: 220px;\n  height: 220px;\n\n  bottom: -140px;\n  left: -90px;\n\n  border: 1px solid rgba(169,162,216,.08);\n}\n\n\/* =========================================================\n   MOON\n========================================================= *\/\n\n.omg-sr-symbol {\n  position: relative;\n  z-index: 2;\n\n  width: 72px;\n  height: 72px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  margin: 0 auto 22px;\n\n  font-size: 48px;\n  line-height: 1;\n\n  color: var(--gold-soft);\n\n  filter:\n    drop-shadow(0 0 6px rgba(224,184,114,.75))\n    drop-shadow(0 0 22px rgba(169,162,216,.42));\n\n  animation:\n    srMoonPulse 4.5s ease-in-out infinite,\n    srFloat 5s ease-in-out infinite;\n}\n\n@keyframes srMoonPulse {\n  0%, 100% {\n    filter:\n      drop-shadow(0 0 5px rgba(224,184,114,.55))\n      drop-shadow(0 0 15px rgba(169,162,216,.25));\n  }\n\n  50% {\n    filter:\n      drop-shadow(0 0 10px rgba(224,184,114,.95))\n      drop-shadow(0 0 32px rgba(169,162,216,.55));\n  }\n}\n\n\/* =========================================================\n   LABEL\n========================================================= *\/\n\n.omg-sr-label {\n  position: relative;\n  z-index: 2;\n\n  display: inline-block;\n\n  margin-bottom: 14px;\n\n  font-size: 10px;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  font-weight: 800;\n\n  color: var(--gold);\n\n  text-shadow:\n    0 0 8px rgba(224,184,114,.35),\n    0 0 18px rgba(224,184,114,.12);\n}\n\n\/* =========================================================\n   HERO TYPOGRAPHY\n========================================================= *\/\n\n.omg-sr-hero h2 {\n  position: relative;\n  z-index: 2;\n\n  margin: 0 auto 18px;\n\n  max-width: 720px;\n\n  font-size: clamp(32px, 6vw, 55px);\n\n  line-height: 1.02;\n\n  letter-spacing: -1.5px;\n\n  color: var(--cream);\n\n  text-shadow:\n    0 4px 30px rgba(0,0,0,.35);\n}\n\n.omg-sr-hero h2 span {\n  font-weight: 400;\n  color: var(--gold-soft);\n}\n\n.omg-sr-hero p {\n  position: relative;\n  z-index: 2;\n\n  max-width: 650px;\n\n  margin: 0 auto;\n\n  color: var(--soft-cream);\n\n  font-size: 16px;\n\n  line-height: 1.8;\n}\n\n\/* =========================================================\n   SIZE BADGE\n========================================================= *\/\n\n.omg-sr-size {\n  position: relative;\n  z-index: 2;\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 9px;\n\n  margin-top: 27px;\n\n  padding: 11px 18px;\n\n  border-radius: 50px;\n\n  background: rgba(255,255,255,.045);\n\n  border: 1px solid rgba(224,184,114,.22);\n\n  color: var(--cream);\n\n  font-size: 12px;\n\n  font-weight: 700;\n\n  box-shadow:\n    0 0 20px rgba(224,184,114,.06),\n    inset 0 1px 0 rgba(255,255,255,.04);\n\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n\n  animation: srBadgeGlow 4s ease-in-out infinite;\n}\n\n@keyframes srBadgeGlow {\n  0%,100% {\n    box-shadow:\n      0 0 15px rgba(224,184,114,.05),\n      inset 0 1px 0 rgba(255,255,255,.04);\n  }\n\n  50% {\n    box-shadow:\n      0 0 25px rgba(224,184,114,.16),\n      inset 0 1px 0 rgba(255,255,255,.07);\n  }\n}\n\n\/* =========================================================\n   UNIVERSAL SECTION\n========================================================= *\/\n\n.omg-sr-section {\n  position: relative;\n  z-index: 1;\n\n  padding: 60px 20px 5px;\n\n  text-align: center;\n}\n\n.omg-sr-section h3,\n.omg-sr-neutral h3 {\n  margin: 0 0 12px;\n\n  font-size: 29px;\n\n  letter-spacing: -.5px;\n\n  color: var(--cream);\n\n  text-shadow:\n    0 4px 25px rgba(0,0,0,.35);\n}\n\n.omg-sr-intro {\n  max-width: 670px;\n\n  margin: 0 auto 30px;\n\n  color: var(--muted);\n\n  line-height: 1.75;\n\n  font-size: 14px;\n}\n\n\/* =========================================================\n   SCROLL REVEAL\n========================================================= *\/\n\n.omg-sr-reveal {\n  opacity: 0;\n\n  transform: translateY(28px);\n\n  transition:\n    opacity .8s ease,\n    transform .8s cubic-bezier(.22,.61,.36,1);\n}\n\n.omg-sr-reveal.sr-visible {\n  opacity: 1;\n\n  transform: translateY(0);\n}\n\n\/* =========================================================\n   GLASS CARDS — BENEFITS\n========================================================= *\/\n\n.omg-sr-benefits {\n  display: grid;\n\n  grid-template-columns: repeat(2, 1fr);\n\n  gap: 16px;\n\n  margin-top: 25px;\n}\n\n.omg-sr-benefit {\n  position: relative;\n\n  padding: 28px 22px;\n\n  text-align: left;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255,255,255,.065),\n      rgba(255,255,255,.025)\n    );\n\n  border: 1px solid rgba(224,184,114,.14);\n\n  border-radius: 22px;\n\n  box-shadow:\n    0 15px 45px rgba(0,0,0,.22),\n    inset 0 1px 0 rgba(255,255,255,.045);\n\n  backdrop-filter: blur(16px);\n  -webkit-backdrop-filter: blur(16px);\n\n  transition:\n    transform .4s ease,\n    border-color .4s ease,\n    box-shadow .4s ease;\n}\n\n.omg-sr-benefit:hover {\n  transform: translateY(-7px) scale(1.02);\n\n  border-color: rgba(224,184,114,.38);\n\n  box-shadow:\n    0 25px 55px rgba(0,0,0,.3),\n    0 0 30px rgba(224,184,114,.09),\n    inset 0 1px 0 rgba(255,255,255,.07);\n}\n\n.omg-sr-benefit-icon {\n  width: 44px;\n  height: 44px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  margin-bottom: 17px;\n\n  border-radius: 50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(224,184,114,.13),\n      rgba(255,255,255,.025)\n    );\n\n  border: 1px solid rgba(224,184,114,.16);\n\n  font-size: 21px;\n\n  box-shadow:\n    0 0 18px rgba(224,184,114,.06);\n}\n\n.omg-sr-benefit strong {\n  display: block;\n\n  margin-bottom: 7px;\n\n  color: var(--cream);\n\n  font-size: 16px;\n}\n\n.omg-sr-benefit p {\n  margin: 0;\n\n  color: var(--muted);\n\n  font-size: 13px;\n\n  line-height: 1.65;\n}\n\n\/* =========================================================\n   INGREDIENTS\n========================================================= *\/\n\n.omg-sr-ingredients {\n  display: grid;\n\n  grid-template-columns: repeat(3, 1fr);\n\n  gap: 14px;\n\n  margin-top: 28px;\n}\n\n.omg-sr-ingredient {\n  position: relative;\n\n  padding: 25px 15px;\n\n  border-radius: 20px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255,255,255,.065),\n      rgba(255,255,255,.025)\n    );\n\n  border: 1px solid rgba(224,184,114,.14);\n\n  box-shadow:\n    0 12px 35px rgba(0,0,0,.2),\n    inset 0 1px 0 rgba(255,255,255,.035);\n\n  backdrop-filter: blur(15px);\n  -webkit-backdrop-filter: blur(15px);\n\n  transition:\n    transform .35s ease,\n    box-shadow .35s ease,\n    border-color .35s ease;\n}\n\n.omg-sr-ingredient:hover {\n  transform: scale(1.03);\n\n  border-color: rgba(224,184,114,.35);\n\n  box-shadow:\n    0 20px 45px rgba(0,0,0,.28),\n    0 0 28px rgba(224,184,114,.08);\n}\n\n.omg-sr-ingredient-icon {\n  font-size: 28px;\n\n  margin-bottom: 12px;\n\n  filter:\n    drop-shadow(0 0 8px rgba(224,184,114,.25));\n}\n\n.omg-sr-ingredient strong {\n  display: block;\n\n  color: var(--cream);\n\n  margin-bottom: 7px;\n}\n\n.omg-sr-ingredient span {\n  display: block;\n\n  font-size: 12px;\n\n  line-height: 1.55;\n\n  color: var(--muted);\n}\n\n\n\/* =========================================================\n   GLOWING PEPPERMINT OIL INGREDIENT\n========================================================= *\/\n\n.omg-sr-peppermint {\n  grid-column: 1 \/ -1;\n\n  position: relative;\n\n  overflow: hidden;\n\n  padding: 34px 25px;\n\n  text-align: center;\n\n  background:\n    radial-gradient(\n      circle at 50% 20%,\n      rgba(185,255,228,.20),\n      transparent 36%\n    ),\n    radial-gradient(\n      circle at 50% 100%,\n      rgba(105,225,190,.10),\n      transparent 55%\n    ),\n    linear-gradient(\n      145deg,\n      rgba(29,54,54,.82),\n      rgba(18,30,39,.95)\n    );\n\n  border: 1px solid rgba(157,245,214,.32);\n\n  box-shadow:\n    0 18px 50px rgba(0,0,0,.28),\n    0 0 25px rgba(120,240,200,.10),\n    0 0 60px rgba(120,240,200,.07),\n    inset 0 1px 0 rgba(255,255,255,.07);\n\n  animation:\n    srPeppermintGlow 4s ease-in-out infinite;\n\n  transition:\n    transform .4s ease,\n    border-color .4s ease,\n    box-shadow .4s ease;\n}\n\n.omg-sr-peppermint:hover {\n  transform: translateY(-6px);\n\n  border-color: rgba(170,255,225,.55);\n\n  box-shadow:\n    0 25px 60px rgba(0,0,0,.32),\n    0 0 35px rgba(120,240,200,.18),\n    0 0 80px rgba(120,240,200,.12),\n    inset 0 1px 0 rgba(255,255,255,.09);\n}\n\n\n\/* Soft glowing aura *\/\n\n.omg-sr-peppermint::before {\n  content: \"\";\n\n  position: absolute;\n\n  width: 260px;\n  height: 260px;\n\n  left: 50%;\n  top: 50%;\n\n  transform: translate(-50%, -50%);\n\n  border-radius: 50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(180,255,225,.17) 0%,\n      rgba(120,240,200,.08) 35%,\n      transparent 70%\n    );\n\n  filter: blur(18px);\n\n  pointer-events: none;\n\n  animation:\n    srPeppermintAura 5s ease-in-out infinite;\n}\n\n\n\/* Decorative mint glow *\/\n\n.omg-sr-peppermint::after {\n  content: \"\";\n\n  position: absolute;\n\n  width: 90px;\n  height: 90px;\n\n  top: -45px;\n  right: 12%;\n\n  border-radius: 50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(200,255,235,.14),\n      transparent 70%\n    );\n\n  filter: blur(8px);\n\n  pointer-events: none;\n}\n\n\n\/* Peppermint icon *\/\n\n.omg-sr-peppermint-icon {\n  position: relative;\n\n  z-index: 2;\n\n  width: 58px;\n  height: 58px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  margin: 0 auto 16px;\n\n  border-radius: 50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(195,255,230,.22),\n      rgba(100,220,180,.06)\n    );\n\n  border: 1px solid rgba(170,255,225,.35);\n\n  font-size: 30px;\n\n  filter:\n    drop-shadow(0 0 8px rgba(150,255,215,.7))\n    drop-shadow(0 0 22px rgba(100,230,190,.4));\n\n  box-shadow:\n    0 0 20px rgba(120,240,200,.16),\n    inset 0 1px 0 rgba(255,255,255,.08);\n\n  animation:\n    srPeppermintIcon 3.5s ease-in-out infinite;\n}\n\n\n\/* Peppermint title *\/\n\n.omg-sr-peppermint strong {\n  position: relative;\n\n  z-index: 2;\n\n  display: block;\n\n  margin-bottom: 8px;\n\n  color: #eafff6;\n\n  font-size: 20px;\n\n  text-shadow:\n    0 0 12px rgba(150,255,215,.25);\n}\n\n\n\/* Peppermint description *\/\n\n.omg-sr-peppermint span {\n  position: relative;\n\n  z-index: 2;\n\n  display: block;\n\n  max-width: 570px;\n\n  margin: 0 auto;\n\n  color: #b9cec7;\n\n  font-size: 13px;\n\n  line-height: 1.7;\n}\n\n\n\/* Peppermint badge *\/\n\n.omg-sr-peppermint-badge {\n  position: relative;\n\n  z-index: 2;\n\n  display: inline-block;\n\n  margin-top: 19px;\n\n  padding: 8px 16px;\n\n  border-radius: 50px;\n\n  background:\n    rgba(180,255,225,.07);\n\n  border: 1px solid rgba(170,255,225,.24);\n\n  color: #c9f9e5;\n\n  font-size: 10px;\n\n  font-weight: 700;\n\n  letter-spacing: .5px;\n\n  box-shadow:\n    0 0 18px rgba(120,240,200,.08);\n\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n}\n\n\n\/* Peppermint glow animation *\/\n\n@keyframes srPeppermintGlow {\n\n  0%, 100% {\n    box-shadow:\n      0 18px 50px rgba(0,0,0,.28),\n      0 0 20px rgba(120,240,200,.07),\n      0 0 45px rgba(120,240,200,.05),\n      inset 0 1px 0 rgba(255,255,255,.06);\n  }\n\n  50% {\n    box-shadow:\n      0 20px 55px rgba(0,0,0,.30),\n      0 0 32px rgba(120,240,200,.15),\n      0 0 70px rgba(120,240,200,.10),\n      inset 0 1px 0 rgba(255,255,255,.09);\n  }\n\n}\n\n\n\/* Peppermint aura animation *\/\n\n@keyframes srPeppermintAura {\n\n  0%, 100% {\n    opacity: .55;\n\n    transform:\n      translate(-50%, -50%)\n      scale(.88);\n  }\n\n  50% {\n    opacity: 1;\n\n    transform:\n      translate(-50%, -50%)\n      scale(1.12);\n  }\n\n}\n\n\n\/* Peppermint icon animation *\/\n\n@keyframes srPeppermintIcon {\n\n  0%, 100% {\n    transform: translateY(0) scale(1);\n  }\n\n  50% {\n    transform: translateY(-5px) scale(1.04);\n  }\n\n}\n\n\n\/* =========================================================\n   MOONLIT SHOWER RITUAL\n========================================================= *\/\n\n.omg-sr-ritual {\n  position: relative;\n\n  z-index: 1;\n\n  margin-top: 55px;\n\n  padding: 50px 25px;\n\n  border-radius: 28px;\n\n  overflow: hidden;\n\n  background:\n    radial-gradient(\n      circle at 50% 0%,\n      rgba(130,116,194,.16),\n      transparent 35%\n    ),\n    radial-gradient(\n      circle at 90% 80%,\n      rgba(224,184,114,.05),\n      transparent 30%\n    ),\n    linear-gradient(\n      145deg,\n      #0b101d,\n      #171d31\n    );\n\n  color: var(--cream);\n\n  border: 1px solid rgba(224,184,114,.15);\n\n  box-shadow:\n    0 25px 70px rgba(0,0,0,.35),\n    inset 0 1px 0 rgba(255,255,255,.035);\n}\n\n.omg-sr-ritual::before {\n  content: \"☾\";\n\n  position: absolute;\n\n  top: -35px;\n  right: 25px;\n\n  font-size: 150px;\n\n  color: rgba(224,184,114,.025);\n\n  transform: rotate(-15deg);\n\n  pointer-events: none;\n}\n\n.omg-sr-ritual h3 {\n  position: relative;\n\n  color: var(--cream);\n}\n\n.omg-sr-ritual-intro {\n  position: relative;\n\n  max-width: 600px;\n\n  margin: 0 auto 35px;\n\n  color: var(--muted);\n\n  font-size: 14px;\n\n  line-height: 1.7;\n}\n\n\/* =========================================================\n   RITUAL STEPS\n========================================================= *\/\n\n.omg-sr-step {\n  position: relative;\n\n  display: flex;\n\n  align-items: flex-start;\n\n  gap: 17px;\n\n  max-width: 650px;\n\n  margin: 22px auto;\n\n  padding: 13px 14px;\n\n  text-align: left;\n\n  border-radius: 16px;\n\n  background: rgba(255,255,255,.025);\n\n  border: 1px solid rgba(255,255,255,.045);\n\n  transition:\n    transform .35s ease,\n    background .35s ease,\n    border-color .35s ease;\n}\n\n.omg-sr-step:hover {\n  transform: translateX(6px);\n\n  background: rgba(255,255,255,.045);\n\n  border-color: rgba(224,184,114,.18);\n}\n\n.omg-sr-number {\n  flex: 0 0 38px;\n\n  width: 38px;\n  height: 38px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 50%;\n\n  background:\n    radial-gradient(\n      circle,\n      #f1d59c 0%,\n      #e0b872 55%,\n      #a98045 100%\n    );\n\n  color: #17130b;\n\n  font-weight: 800;\n\n  font-size: 12px;\n\n  box-shadow:\n    0 0 14px rgba(224,184,114,.3),\n    inset 0 1px 2px rgba(255,255,255,.5);\n}\n\n.omg-sr-step strong {\n  display: block;\n\n  margin-bottom: 5px;\n\n  color: var(--cream);\n}\n\n.omg-sr-step span {\n  color: var(--muted);\n\n  font-size: 13px;\n\n  line-height: 1.6;\n}\n\n\/* =========================================================\n   GENDER NEUTRAL MESSAGE\n========================================================= *\/\n\n.omg-sr-neutral {\n  position: relative;\n\n  z-index: 1;\n\n  margin-top: 45px;\n\n  padding: 38px 22px;\n\n  border-radius: 23px;\n\n  text-align: center;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255,255,255,.055),\n      rgba(255,255,255,.025)\n    );\n\n  border: 1px solid rgba(224,184,114,.14);\n\n  box-shadow:\n    0 18px 50px rgba(0,0,0,.22),\n    inset 0 1px 0 rgba(255,255,255,.035);\n\n  backdrop-filter: blur(16px);\n  -webkit-backdrop-filter: blur(16px);\n}\n\n.omg-sr-neutral .line {\n  width: 45px;\n  height: 1px;\n\n  margin: 0 auto 18px;\n\n  background: var(--gold);\n\n  box-shadow:\n    0 0 12px rgba(224,184,114,.7);\n}\n\n.omg-sr-neutral h3 {\n  margin-bottom: 10px;\n}\n\n.omg-sr-neutral p {\n  max-width: 650px;\n\n  margin: auto;\n\n  color: var(--muted);\n\n  font-size: 14px;\n\n  line-height: 1.75;\n}\n\n\/* =========================================================\n   PRESENTATION BADGES\n========================================================= *\/\n\n.omg-sr-presentation {\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  gap: 16px;\n\n  margin-top: 28px;\n\n  flex-wrap: wrap;\n}\n\n.omg-sr-presentation-box {\n  padding: 13px 18px;\n\n  border-radius: 50px;\n\n  background:\n    rgba(255,255,255,.045);\n\n  border: 1px solid rgba(224,184,114,.17);\n\n  box-shadow:\n    0 8px 25px rgba(0,0,0,.18),\n    inset 0 1px 0 rgba(255,255,255,.04);\n\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n\n  color: var(--soft-cream);\n\n  font-size: 12px;\n\n  font-weight: 600;\n\n  transition:\n    transform .35s ease,\n    border-color .35s ease,\n    box-shadow .35s ease;\n}\n\n.omg-sr-presentation-box:hover {\n  transform: scale(1.03);\n\n  border-color: rgba(224,184,114,.38);\n\n  box-shadow:\n    0 12px 30px rgba(0,0,0,.28),\n    0 0 22px rgba(224,184,114,.1);\n}\n\n\/* =========================================================\n   SAFETY NOTE\n========================================================= *\/\n\n.omg-sr-note {\n  position: relative;\n\n  z-index: 1;\n\n  margin-top: 35px;\n\n  padding: 18px;\n\n  border-radius: 15px;\n\n  background:\n    rgba(255,255,255,.025);\n\n  border: 1px solid rgba(255,255,255,.055);\n\n  color: #9295a2;\n\n  font-size: 11px;\n\n  line-height: 1.65;\n\n  text-align: center;\n}\n\n.omg-sr-note strong {\n  color: var(--soft-cream);\n}\n\n\/* =========================================================\n   PRODUCT SPOTLIGHT\n========================================================= *\/\n\n.omg-sr-product-spotlight {\n  position: relative;\n\n  display: inline-block;\n}\n\n.omg-sr-product-spotlight::before {\n  content: \"\";\n\n  position: absolute;\n\n  left: 50%;\n  top: 50%;\n\n  width: 75%;\n  height: 75%;\n\n  transform: translate(-50%, -50%);\n\n  background:\n    radial-gradient(\n      ellipse,\n      rgba(224,184,114,.22) 0%,\n      rgba(155,143,211,.14) 30%,\n      transparent 70%\n    );\n\n  filter: blur(22px);\n\n  pointer-events: none;\n\n  z-index: -1;\n\n  animation:\n    srSpotlight 5s ease-in-out infinite;\n}\n\n@keyframes srSpotlight {\n\n  0%,100% {\n    opacity: .65;\n\n    transform:\n      translate(-50%, -50%)\n      scale(.95);\n  }\n\n  50% {\n    opacity: 1;\n\n    transform:\n      translate(-50%, -50%)\n      scale(1.08);\n  }\n}\n\n\/* =========================================================\n   GLOBAL ANIMATIONS\n========================================================= *\/\n\n@keyframes srFade {\n\n  from {\n    opacity: 0;\n\n    transform: translateY(20px);\n  }\n\n  to {\n    opacity: 1;\n\n    transform: translateY(0);\n  }\n\n}\n\n@keyframes srFloat {\n\n  0%,100% {\n    transform: translateY(0);\n  }\n\n  50% {\n    transform: translateY(-7px);\n  }\n\n}\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .omg-sleep-relax *,\n  .omg-sleep-relax *::before,\n  .omg-sleep-relax *::after {\n\n    animation-duration: .01ms !important;\n\n    animation-iteration-count: 1 !important;\n\n    transition-duration: .01ms !important;\n  }\n\n}\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 650px) {\n\n  .omg-sleep-relax {\n    border-radius: 22px;\n  }\n\n  .omg-sr-hero {\n    padding: 48px 20px;\n\n    border-radius: 23px;\n  }\n\n  .omg-sr-symbol {\n    width: 62px;\n    height: 62px;\n\n    font-size: 42px;\n  }\n\n  .omg-sr-hero h2 {\n    letter-spacing: -.8px;\n  }\n\n  .omg-sr-hero p {\n    font-size: 14px;\n\n    line-height: 1.75;\n  }\n\n  .omg-sr-benefits {\n    grid-template-columns: 1fr;\n  }\n\n  .omg-sr-ingredients {\n    grid-template-columns: 1fr;\n  }\n\n  .omg-sr-peppermint {\n    grid-column: 1;\n\n    padding: 29px 18px;\n  }\n\n  .omg-sr-section {\n    padding-top: 45px;\n  }\n\n  .omg-sr-ritual {\n    padding: 38px 16px;\n  }\n\n  .omg-sr-step {\n    gap: 12px;\n  }\n\n  .omg-sr-presentation {\n    flex-direction: column;\n  }\n\n  .omg-sr-presentation-box {\n    width: 100%;\n\n    max-width: 280px;\n  }\n\n  .omg-sr-star:nth-child(3),\n  .omg-sr-star:nth-child(6) {\n    display: none;\n  }\n\n}\n\u003c\/style\u003e\n\n\n\u003c!-- =====================================================\n     SUBTLE BACKGROUND STARS\n===================================================== --\u003e\n\n\u003cspan class=\"omg-sr-star\"\u003e\u003c\/span\u003e\n\u003cspan class=\"omg-sr-star\"\u003e\u003c\/span\u003e\n\u003cspan class=\"omg-sr-star\"\u003e\u003c\/span\u003e\n\u003cspan class=\"omg-sr-star\"\u003e\u003c\/span\u003e\n\u003cspan class=\"omg-sr-star\"\u003e\u003c\/span\u003e\n\u003cspan class=\"omg-sr-star\"\u003e\u003c\/span\u003e\n\u003cspan class=\"omg-sr-star\"\u003e\u003c\/span\u003e\n\u003cspan class=\"omg-sr-star\"\u003e\u003c\/span\u003e\n\n\n\u003c!-- =====================================================\n     HERO\n===================================================== --\u003e\n\n\u003cdiv class=\"omg-sr-hero omg-sr-reveal\"\u003e\n\n  \u003cdiv class=\"omg-sr-symbol\"\u003e☾\u003c\/div\u003e\n\n  \u003cdiv class=\"omg-sr-label\"\u003e\n    Premium Self-Care Ritual\n  \u003c\/div\u003e\n\n  \u003ch2\u003e\n    Sleep \u003cspan\u003e\u0026amp;\u003c\/span\u003e Relax\n    \u003cbr\u003e\n    Bath Salts\n  \u003c\/h2\u003e\n\n  \u003cp\u003e\n    Slow down, switch off and turn your evening routine\n    into a calming moment of self-care. Our 250ml blend\n    combines sea salt, Epsom salt and essential oils for\n    a soothing and refreshing experience.\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"omg-sr-size\"\u003e\n    ✦ 250ml  •  Relaxation Blend\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- =====================================================\n     BENEFITS\n===================================================== --\u003e\n\n\u003cdiv class=\"omg-sr-section omg-sr-reveal\"\u003e\n\n  \u003ch3\u003eWhy You'll Love It\u003c\/h3\u003e\n\n  \u003cp class=\"omg-sr-intro\"\u003e\n    Designed to make your everyday routine feel more\n    intentional, refreshing and relaxing.\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"omg-sr-benefits\"\u003e\n\n    \u003cdiv class=\"omg-sr-benefit\"\u003e\n\n      \u003cdiv class=\"omg-sr-benefit-icon\"\u003e\n        🌙\n      \u003c\/div\u003e\n\n      \u003cstrong\u003e\n        Wind Down\n      \u003c\/strong\u003e\n\n      \u003cp\u003e\n        Create a peaceful evening ritual that helps you\n        transition from a busy day into a slower, calmer moment.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"omg-sr-benefit\"\u003e\n\n      \u003cdiv class=\"omg-sr-benefit-icon\"\u003e\n        🧘\n      \u003c\/div\u003e\n\n      \u003cstrong\u003e\n        Relax \u0026amp; Unwind\n      \u003c\/strong\u003e\n\n      \u003cp\u003e\n        Add a soothing touch to your bath or shower routine\n        while you take a little time for yourself.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"omg-sr-benefit\"\u003e\n\n      \u003cdiv class=\"omg-sr-benefit-icon\"\u003e\n        🌿\n      \u003c\/div\u003e\n\n      \u003cstrong\u003e\n        Aromatic Experience\n      \u003c\/strong\u003e\n\n      \u003cp\u003e\n        Essential oils add a gentle sensory element to\n        your personal self-care routine.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"omg-sr-benefit\"\u003e\n\n      \u003cdiv class=\"omg-sr-benefit-icon\"\u003e\n        ✨\n      \u003c\/div\u003e\n\n      \u003cstrong\u003e\n        Refresh Your Routine\n      \u003c\/strong\u003e\n\n      \u003cp\u003e\n        Turn an ordinary bath or shower into a more\n        enjoyable, spa-inspired experience.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- =====================================================\n     INGREDIENTS\n===================================================== --\u003e\n\n\u003cdiv class=\"omg-sr-section omg-sr-reveal\"\u003e\n\n  \u003ch3\u003e\n    Simple Ingredients\n  \u003c\/h3\u003e\n\n  \u003cp class=\"omg-sr-intro\"\u003e\n    A simple blend created for your personal relaxation ritual.\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"omg-sr-ingredients\"\u003e\n\n\n    \u003c!-- SEA SALT --\u003e\n\n    \u003cdiv class=\"omg-sr-ingredient\"\u003e\n\n      \u003cdiv class=\"omg-sr-ingredient-icon\"\u003e\n        🌊\n      \u003c\/div\u003e\n\n      \u003cstrong\u003e\n        Sea Salt\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        A classic mineral-rich ingredient for bath and\n        body-care rituals.\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- EPSOM SALT --\u003e\n\n    \u003cdiv class=\"omg-sr-ingredient\"\u003e\n\n      \u003cdiv class=\"omg-sr-ingredient-icon\"\u003e\n        ✦\n      \u003c\/div\u003e\n\n      \u003cstrong\u003e\n        Epsom Salt\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        A popular addition to relaxing baths and\n        soothing self-care routines.\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- ESSENTIAL OILS --\u003e\n\n    \u003cdiv class=\"omg-sr-ingredient\"\u003e\n\n      \u003cdiv class=\"omg-sr-ingredient-icon\"\u003e\n        🌿\n      \u003c\/div\u003e\n\n      \u003cstrong\u003e\n        Essential Oils\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        Adds an aromatic element to create a more\n        enjoyable sensory experience.\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =================================================\n         GLOWING PEPPERMINT OIL\n    ================================================= --\u003e\n\n    \u003cdiv class=\"omg-sr-ingredient omg-sr-peppermint\"\u003e\n\n      \u003cdiv class=\"omg-sr-ingredient-icon omg-sr-peppermint-icon\"\u003e\n        🌿\n      \u003c\/div\u003e\n\n      \u003cstrong\u003e\n        Peppermint Oil\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        A fresh, cooling mint aroma that adds a crisp\n        and refreshing sensory touch to your shower ritual.\n      \u003c\/span\u003e\n\n      \u003cdiv class=\"omg-sr-peppermint-badge\"\u003e\n        ✦ Fresh  •  Cooling  •  Invigorating\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- =====================================================\n     SHOWER RITUAL\n===================================================== --\u003e\n\n\u003cdiv class=\"omg-sr-ritual omg-sr-reveal\"\u003e\n\n  \u003cdiv style=\"text-align:center;\"\u003e\n\n    \u003ch3\u003e\n      Elevate Your Shower Ritual\n    \u003c\/h3\u003e\n\n    \u003cp class=\"omg-sr-ritual-intro\"\u003e\n      Don't have time for a bath? No problem.\n      Use the included organza bag to turn your shower\n      into a refreshing aromatic ritual.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"omg-sr-step\"\u003e\n\n    \u003cdiv class=\"omg-sr-number\"\u003e\n      01\n    \u003c\/div\u003e\n\n    \u003cdiv\u003e\n\n      \u003cstrong\u003e\n        Fill the pouch\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        Add a small amount of bath salt to the organza bag.\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"omg-sr-step\"\u003e\n\n    \u003cdiv class=\"omg-sr-number\"\u003e\n      02\n    \u003c\/div\u003e\n\n    \u003cdiv\u003e\n\n      \u003cstrong\u003e\n        Take your shower\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        Enjoy your shower as you normally would.\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"omg-sr-step\"\u003e\n\n    \u003cdiv class=\"omg-sr-number\"\u003e\n      03\n    \u003c\/div\u003e\n\n    \u003cdiv\u003e\n\n      \u003cstrong\u003e\n        Attach the pouch\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        After finishing your shower, securely attach\n        the bag to your shower head.\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"omg-sr-step\"\u003e\n\n    \u003cdiv class=\"omg-sr-number\"\u003e\n      04\n    \u003c\/div\u003e\n\n    \u003cdiv\u003e\n\n      \u003cstrong\u003e\n        Let the water flow\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        Allow the water to rinse through the pouch and\n        gently over your body.\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"omg-sr-step\"\u003e\n\n    \u003cdiv class=\"omg-sr-number\"\u003e\n      05\n    \u003c\/div\u003e\n\n    \u003cdiv\u003e\n\n      \u003cstrong\u003e\n        Enjoy the moment\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        Breathe, relax and enjoy your refreshed shower ritual.\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- =====================================================\n     GENDER NEUTRAL\n===================================================== --\u003e\n\n\u003cdiv class=\"omg-sr-neutral omg-sr-reveal\"\u003e\n\n  \u003cdiv class=\"line\"\u003e\u003c\/div\u003e\n\n  \u003ch3\u003e\n    Made For Your Kind of Relaxation\n  \u003c\/h3\u003e\n\n  \u003cp\u003e\n    Clean, calming and effortlessly luxurious.\n    Whether you're winding down after a long day,\n    enjoying some quiet time or simply upgrading your\n    self-care routine, this blend is made for everyone.\n  \u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- =====================================================\n     PRESENTATION\n===================================================== --\u003e\n\n\u003cdiv class=\"omg-sr-section omg-sr-reveal\"\u003e\n\n  \u003ch3\u003e\n    Simple. Elegant. Giftable.\n  \u003c\/h3\u003e\n\n  \u003cp class=\"omg-sr-intro\"\u003e\n    A beautiful addition to your own self-care collection\n    or a thoughtful gift for someone who deserves a little\n    time to unwind.\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"omg-sr-presentation\"\u003e\n\n    \u003cdiv class=\"omg-sr-presentation-box\"\u003e\n      ✦ 250ml Blend\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"omg-sr-presentation-box\"\u003e\n      ♻️ Reusable Glass Jar\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"omg-sr-presentation-box\"\u003e\n      🎁 Drawstring Pouch\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- =====================================================\n     SAFETY\n===================================================== --\u003e\n\n\u003cdiv class=\"omg-sr-note omg-sr-reveal\"\u003e\n\n  \u003cstrong\u003e\n    Important:\n  \u003c\/strong\u003e\n\n  For external use only. Avoid contact with eyes.\n  Discontinue use if irritation occurs. Keep out of reach\n  of children. Essential oils may not be suitable for everyone.\n  Follow the product label and recommended usage instructions.\n\n\u003c\/div\u003e\n\n\n\u003c!-- =====================================================\n     SCROLL ANIMATION\n===================================================== --\u003e\n\n\u003cscript\u003e\n(function () {\n\n  const elements = document.querySelectorAll(\n    '.omg-sleep-relax .omg-sr-reveal'\n  );\n\n  if (!('IntersectionObserver' in window)) {\n\n    elements.forEach(function (element) {\n\n      element.classList.add('sr-visible');\n\n    });\n\n    return;\n  }\n\n  const observer = new IntersectionObserver(\n    function (entries) {\n\n      entries.forEach(function (entry) {\n\n        if (entry.isIntersecting) {\n\n          entry.target.classList.add('sr-visible');\n\n          observer.unobserve(entry.target);\n\n        }\n\n      });\n\n    },\n    {\n      threshold: 0.12,\n\n      rootMargin:\n        '0px 0px -40px 0px'\n    }\n  );\n\n  elements.forEach(function (element) {\n\n    observer.observe(element);\n\n  });\n\n})();\n\u003c\/script\u003e\n\n\u003c\/div\u003e","brand":"OMG Finds","offers":[{"title":"White","offer_id":48048371138723,"sku":"Shower Bath Salts 250 ml","price":350.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0732\/3097\/5139\/files\/white-insomnia-cure-bath-salts.png?v=1788119690","url":"https:\/\/omgfind.store\/products\/insomnia-bath-salts-250ml","provider":"OMG Find","version":"1.0","type":"link"}