{"title":"Bath Salts \u0026 Relaxation for You","description":"\u003cp\u003eSmall rituals for a calmer day. Bath salts to energize, focus, sleep better or unwind plus everything you need to set the mood at home.\u003c\/p\u003e","products":[{"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"},{"product_id":"hangover-cure-and-energy-bath-salts","title":"Hangover Cure and Energy Bath Salts 250ml","description":"\u003cdiv class=\"omg-hangover-energy\"\u003e\n\n\u003cstyle\u003e\n\/* =========================================================\n OMG FIND — HANGOVER \u0026 ENERGY BATH SALTS\n PREMIUM \"NEON REVIVAL\" EDITION\n + SOURCING \u0026 INGREDIENT TRANSPARENCY\n========================================================= *\/\n\n.omg-hangover-energy{\n --neon:#ff4fa3;\n --neon-bright:#ff78ba;\n --neon-deep:#d92f7f;\n --pink-soft:#ffb7d8;\n --plum:#1a0e17;\n --plum-mid:#24101d;\n --plum-light:#2b1024;\n --cream:#fff7fb;\n --offwhite:#f7eaf1;\n --text:#f8edf3;\n --muted:#c7adb9;\n --muted-dark:#9e8290;\n --glass:rgba(255,255,255,.055);\n --glass-strong:rgba(255,255,255,.085);\n --border:rgba(255,79,163,.28);\n --shadow:rgba(0,0,0,.38);\n\n font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Arial,sans-serif;\n max-width:950px;\n margin:0 auto;\n color:var(--text);\n overflow:hidden;\n position:relative;\n\n background:\n radial-gradient(\n circle at 50% 18%,\n rgba(255,79,163,.14) 0%,\n rgba(255,79,163,.055) 27%,\n transparent 58%\n ),\n radial-gradient(\n circle at 10% 70%,\n rgba(217,47,127,.08),\n transparent 35%\n ),\n linear-gradient(\n 145deg,\n #1a0e17 0%,\n #24101d 48%,\n #2b1024 100%\n );\n\n border-radius:32px;\n\n box-shadow:\n 0 30px 90px rgba(0,0,0,.35),\n inset 0 0 100px rgba(255,79,163,.035);\n}\n\n\n\/* =========================================================\n AMBIENT GLOW\n========================================================= *\/\n\n.omg-hangover-energy:before{\n content:\"\";\n position:absolute;\n width:520px;\n height:520px;\n left:50%;\n top:8%;\n transform:translateX(-50%);\n border-radius:50%;\n\n background:radial-gradient(\n circle,\n rgba(255,79,163,.10) 0%,\n rgba(255,79,163,.045) 32%,\n transparent 72%\n );\n\n filter:blur(18px);\n pointer-events:none;\n\n animation:heAmbientGlow 7s ease-in-out infinite;\n}\n\n@keyframes heAmbientGlow{\n 0%,100%{\n opacity:.65;\n transform:translateX(-50%) scale(1);\n }\n\n 50%{\n opacity:1;\n transform:translateX(-50%) scale(1.08);\n }\n}\n\n\n\/* =========================================================\n HERO\n========================================================= *\/\n\n.omg-he-hero{\n position:relative;\n overflow:hidden;\n padding:70px 25px;\n text-align:center;\n border-radius:30px;\n\n background:\n radial-gradient(circle at 50% 25%, rgba(255,79,163,.13), transparent 42%),\n radial-gradient(circle at 12% 20%, rgba(255,255,255,.055), transparent 28%),\n linear-gradient(145deg, rgba(42,16,34,.96), rgba(24,12,21,.98));\n\n border:1px solid rgba(255,79,163,.20);\n\n box-shadow:\n 0 25px 70px rgba(0,0,0,.32),\n 0 0 55px rgba(255,79,163,.055);\n\n animation:heFade 1s ease forwards;\n}\n\n.omg-he-hero:before,\n.omg-he-hero:after{\n content:\"\";\n position:absolute;\n border-radius:50%;\n pointer-events:none;\n border:1px solid rgba(255,79,163,.18);\n box-shadow:0 0 22px rgba(255,79,163,.06);\n}\n\n.omg-he-hero:before{\n width:300px;\n height:300px;\n top:-170px;\n right:-105px;\n}\n\n.omg-he-hero:after{\n width:210px;\n height:210px;\n bottom:-125px;\n left:-80px;\n}\n\n\n.omg-he-symbol{\n position:relative;\n z-index:2;\n display:inline-block;\n font-size:45px;\n margin-bottom:16px;\n\n filter:\n drop-shadow(0 0 5px rgba(255,79,163,.8))\n drop-shadow(0 0 14px rgba(255,79,163,.9))\n drop-shadow(0 0 28px rgba(255,79,163,.45));\n\n animation:\n heNeonPulse 2.7s ease-in-out infinite,\n heFloat 3.2s ease-in-out infinite;\n}\n\n.omg-he-symbol:before,\n.omg-he-symbol:after{\n content:\"✦\";\n position:absolute;\n color:var(--neon);\n font-size:11px;\n pointer-events:none;\n\n filter:\n drop-shadow(0 0 6px var(--neon))\n drop-shadow(0 0 12px var(--neon));\n}\n\n.omg-he-symbol:before{\n top:0;\n right:-19px;\n animation:heSparkOne 2.2s ease-in-out infinite;\n}\n\n.omg-he-symbol:after{\n bottom:2px;\n left:-20px;\n animation:heSparkTwo 2.8s ease-in-out infinite;\n}\n\n\n.omg-he-label{\n position:relative;\n z-index:2;\n display:inline-block;\n margin-bottom:14px;\n padding:7px 13px;\n border-radius:50px;\n\n font-size:10px;\n letter-spacing:3px;\n text-transform:uppercase;\n font-weight:800;\n\n color:var(--neon-bright);\n\n background:rgba(255,79,163,.055);\n border:1px solid rgba(255,79,163,.18);\n\n text-shadow:\n 0 0 7px rgba(255,79,163,.7),\n 0 0 16px rgba(255,79,163,.35);\n\n box-shadow:0 0 15px rgba(255,79,163,.07);\n\n animation:heLabelGlow 3s ease-in-out infinite;\n}\n\n\n.omg-he-hero h2{\n position:relative;\n z-index:2;\n\n margin:0 auto 18px;\n max-width:720px;\n\n font-size:clamp(31px,6vw,53px);\n line-height:1.03;\n letter-spacing:-1.6px;\n\n color:var(--cream);\n\n text-shadow:0 0 22px rgba(255,79,163,.12);\n}\n\n.omg-he-hero h2:before{\n content:\"\";\n position:absolute;\n z-index:-1;\n\n width:230px;\n height:120px;\n left:50%;\n top:50%;\n\n transform:translate(-50%,-50%);\n\n background:\n radial-gradient(\n ellipse,\n rgba(255,79,163,.15),\n transparent 70%\n );\n\n filter:blur(15px);\n\n animation:heHeadingShimmer 4.5s ease-in-out infinite;\n}\n\n.omg-he-hero h2 span{\n font-weight:400;\n color:#ffddea;\n}\n\n\n.omg-he-hero p{\n position:relative;\n z-index:2;\n\n max-width:660px;\n margin:0 auto;\n\n color:var(--muted);\n\n font-size:16px;\n line-height:1.8;\n}\n\n\n.omg-he-size{\n position:relative;\n z-index:2;\n\n display:inline-flex;\n align-items:center;\n gap:8px;\n\n margin-top:27px;\n padding:11px 19px;\n\n border-radius:50px;\n\n background:\n linear-gradient(\n 135deg,\n rgba(255,255,255,.08),\n rgba(255,79,163,.055)\n );\n\n border:1px solid rgba(255,79,163,.23);\n\n color:var(--offwhite);\n\n font-size:12px;\n font-weight:700;\n\n box-shadow:\n 0 10px 30px rgba(0,0,0,.20),\n 0 0 16px rgba(255,79,163,.07);\n\n transition:\n transform .3s ease,\n box-shadow .3s ease,\n border-color .3s ease;\n}\n\n.omg-he-size:hover{\n transform:scale(1.03);\n border-color:rgba(255,79,163,.55);\n\n box-shadow:\n 0 12px 35px rgba(0,0,0,.25),\n 0 0 24px rgba(255,79,163,.18);\n}\n\n\n\/* =========================================================\n STANDARD SECTIONS\n========================================================= *\/\n\n.omg-he-section{\n position:relative;\n z-index:1;\n\n padding:58px 20px 8px;\n text-align:center;\n}\n\n.omg-he-section h3{\n margin:0 0 12px;\n\n font-size:29px;\n letter-spacing:-.5px;\n\n color:var(--cream);\n\n text-shadow:0 0 18px rgba(255,79,163,.08);\n}\n\n.omg-he-intro{\n max-width:670px;\n margin:0 auto 30px;\n\n color:var(--muted);\n\n line-height:1.75;\n font-size:14px;\n}\n\n\n\/* =========================================================\n BENEFITS\n========================================================= *\/\n\n.omg-he-benefits{\n display:grid;\n grid-template-columns:repeat(2,1fr);\n gap:16px;\n margin-top:25px;\n}\n\n.omg-he-benefit{\n position:relative;\n overflow:hidden;\n\n padding:28px 22px;\n text-align:left;\n\n background:\n linear-gradient(\n 145deg,\n rgba(255,255,255,.075),\n rgba(255,79,163,.035)\n );\n\n border:1px solid rgba(255,79,163,.20);\n border-radius:22px;\n\n box-shadow:\n 0 15px 38px rgba(0,0,0,.22),\n inset 0 0 25px rgba(255,255,255,.015);\n\n backdrop-filter:blur(14px);\n -webkit-backdrop-filter:blur(14px);\n\n transition:\n transform .35s ease,\n box-shadow .35s ease,\n border-color .35s ease;\n\n animation:heRevealCard .8s ease both;\n}\n\n.omg-he-benefit:before{\n content:\"\";\n position:absolute;\n top:0;\n left:12%;\n width:76%;\n height:1px;\n\n background:\n linear-gradient(\n 90deg,\n transparent,\n rgba(255,79,163,.7),\n transparent\n );\n\n opacity:.45;\n}\n\n.omg-he-benefit:nth-child(2){\n animation-delay:.08s;\n}\n\n.omg-he-benefit:nth-child(3){\n animation-delay:.16s;\n}\n\n.omg-he-benefit:nth-child(4){\n animation-delay:.24s;\n}\n\n.omg-he-benefit:hover{\n transform:scale(1.025) translateY(-4px);\n\n border-color:rgba(255,79,163,.52);\n\n box-shadow:\n 0 22px 50px rgba(0,0,0,.32),\n 0 0 25px rgba(255,79,163,.12),\n inset 0 0 25px rgba(255,79,163,.025);\n}\n\n.omg-he-icon{\n width:44px;\n height:44px;\n\n display:flex;\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(255,79,163,.16),\n rgba(255,79,163,.035)\n );\n\n border:1px solid rgba(255,79,163,.23);\n\n font-size:21px;\n\n box-shadow:0 0 16px rgba(255,79,163,.08);\n\n transition:\n transform .3s ease,\n box-shadow .3s ease;\n}\n\n.omg-he-benefit:hover .omg-he-icon{\n transform:scale(1.06);\n box-shadow:0 0 22px rgba(255,79,163,.22);\n}\n\n.omg-he-benefit strong{\n display:block;\n margin-bottom:7px;\n\n color:var(--cream);\n font-size:16px;\n}\n\n.omg-he-benefit p{\n margin:0;\n\n color:var(--muted);\n font-size:13px;\n line-height:1.65;\n}\n\n\n\/* =========================================================\n INGREDIENT CARDS\n========================================================= *\/\n\n.omg-he-ingredients{\n display:grid;\n grid-template-columns:repeat(3,1fr);\n gap:14px;\n margin-top:28px;\n}\n\n.omg-he-ingredients--duo{\n grid-template-columns:repeat(2,1fr);\n max-width:560px;\n\n margin-left:auto;\n margin-right:auto;\n}\n\n.omg-he-ingredient{\n position:relative;\n overflow:hidden;\n\n padding:26px 16px;\n\n border-radius:20px;\n\n background:\n linear-gradient(\n 145deg,\n rgba(255,255,255,.075),\n rgba(255,79,163,.035)\n );\n\n border:1px solid rgba(255,79,163,.20);\n\n box-shadow:\n 0 14px 35px rgba(0,0,0,.22),\n inset 0 0 22px rgba(255,255,255,.012);\n\n backdrop-filter:blur(14px);\n -webkit-backdrop-filter:blur(14px);\n\n transition:\n transform .35s ease,\n border-color .35s ease,\n box-shadow .35s ease;\n}\n\n.omg-he-ingredient:after{\n content:\"\";\n position:absolute;\n\n width:110px;\n height:110px;\n\n top:-65px;\n right:-55px;\n\n border-radius:50%;\n\n background:\n radial-gradient(\n circle,\n rgba(255,79,163,.15),\n transparent 70%\n );\n\n filter:blur(4px);\n}\n\n.omg-he-ingredient:hover{\n transform:scale(1.03) translateY(-4px);\n\n border-color:rgba(255,79,163,.52);\n\n box-shadow:\n 0 20px 42px rgba(0,0,0,.30),\n 0 0 24px rgba(255,79,163,.13);\n}\n\n.omg-he-ingredient-icon{\n position:relative;\n z-index:2;\n\n font-size:28px;\n margin-bottom:12px;\n\n filter:drop-shadow(0 0 5px rgba(255,79,163,.4));\n}\n\n.omg-he-ingredient strong{\n position:relative;\n z-index:2;\n\n display:block;\n\n color:var(--cream);\n margin-bottom:7px;\n}\n\n.omg-he-ingredient span{\n position:relative;\n z-index:2;\n\n font-size:12px;\n line-height:1.55;\n\n color:var(--muted);\n}\n\n\n\/* =========================================================\n 🇿🇦 SOURCING \u0026 TRANSPARENCY\n========================================================= *\/\n\n.omg-he-transparency{\n position:relative;\n overflow:hidden;\n\n margin:58px 20px 0;\n padding:34px 22px;\n\n border-radius:27px;\n\n background:\n radial-gradient(\n circle at 50% 0%,\n rgba(255,79,163,.16),\n transparent 48%\n ),\n linear-gradient(\n 145deg,\n rgba(255,255,255,.075),\n rgba(255,79,163,.035)\n );\n\n border:1px solid rgba(255,79,163,.28);\n\n box-shadow:\n 0 22px 55px rgba(0,0,0,.28),\n 0 0 35px rgba(255,79,163,.07);\n\n backdrop-filter:blur(16px);\n -webkit-backdrop-filter:blur(16px);\n}\n\n.omg-he-transparency:before{\n content:\"\";\n\n position:absolute;\n\n width:260px;\n height:260px;\n\n left:50%;\n top:-180px;\n\n transform:translateX(-50%);\n\n border-radius:50%;\n\n border:1px solid rgba(255,79,163,.10);\n\n box-shadow:\n 0 0 35px rgba(255,79,163,.08);\n}\n\n.omg-he-transparency-header{\n position:relative;\n z-index:2;\n\n text-align:center;\n}\n\n.omg-he-transparency-badge{\n display:inline-flex;\n\n align-items:center;\n justify-content:center;\n\n gap:7px;\n\n padding:8px 14px;\n\n margin-bottom:14px;\n\n border-radius:50px;\n\n background:rgba(255,79,163,.08);\n\n border:1px solid rgba(255,79,163,.25);\n\n color:var(--neon-bright);\n\n font-size:10px;\n font-weight:800;\n\n letter-spacing:2px;\n text-transform:uppercase;\n\n box-shadow:0 0 20px rgba(255,79,163,.08);\n}\n\n.omg-he-transparency h3{\n position:relative;\n z-index:2;\n\n margin:0 0 10px;\n\n color:var(--cream);\n\n font-size:27px;\n}\n\n.omg-he-transparency-intro{\n position:relative;\n z-index:2;\n\n max-width:680px;\n\n margin:0 auto 25px;\n\n color:var(--muted);\n\n font-size:14px;\n\n line-height:1.75;\n\n text-align:center;\n}\n\n\n\/* =========================================================\n SOURCING HIGHLIGHT\n========================================================= *\/\n\n.omg-he-sa-source{\n position:relative;\n z-index:2;\n\n display:flex;\n align-items:center;\n\n gap:16px;\n\n max-width:680px;\n\n margin:0 auto 18px;\n\n padding:18px 20px;\n\n border-radius:18px;\n\n background:\n linear-gradient(\n 135deg,\n rgba(255,79,163,.10),\n rgba(255,255,255,.045)\n );\n\n border:1px solid rgba(255,79,163,.25);\n\n box-shadow:\n 0 12px 30px rgba(0,0,0,.18),\n 0 0 20px rgba(255,79,163,.05);\n\n text-align:left;\n\n transition:\n transform .3s ease,\n border-color .3s ease,\n box-shadow .3s ease;\n}\n\n.omg-he-sa-source:hover{\n transform:translateY(-3px);\n\n border-color:rgba(255,79,163,.48);\n\n box-shadow:\n 0 16px 38px rgba(0,0,0,.25),\n 0 0 25px rgba(255,79,163,.10);\n}\n\n.omg-he-sa-icon{\n flex:0 0 48px;\n\n width:48px;\n height:48px;\n\n display:flex;\n\n align-items:center;\n justify-content:center;\n\n border-radius:50%;\n\n font-size:25px;\n\n background:\n radial-gradient(\n circle,\n rgba(255,79,163,.20),\n rgba(255,79,163,.045)\n );\n\n border:1px solid rgba(255,79,163,.25);\n\n box-shadow:\n 0 0 18px rgba(255,79,163,.12);\n}\n\n.omg-he-sa-source strong{\n display:block;\n\n margin-bottom:4px;\n\n color:var(--cream);\n\n font-size:16px;\n}\n\n.omg-he-sa-source span{\n color:var(--muted);\n\n font-size:13px;\n\n line-height:1.6;\n}\n\n\n\/* =========================================================\n ACCORDION\n========================================================= *\/\n\n.omg-he-accordion{\n position:relative;\n z-index:2;\n\n max-width:680px;\n\n margin:18px auto 0;\n}\n\n.omg-he-accordion details{\n margin-bottom:10px;\n\n border-radius:17px;\n\n background:rgba(255,255,255,.035);\n\n border:1px solid rgba(255,79,163,.16);\n\n overflow:hidden;\n\n transition:\n border-color .3s ease,\n background .3s ease,\n box-shadow .3s ease;\n}\n\n.omg-he-accordion details[open]{\n background:rgba(255,79,163,.045);\n\n border-color:rgba(255,79,163,.36);\n\n box-shadow:\n 0 12px 30px rgba(0,0,0,.18),\n 0 0 20px rgba(255,79,163,.05);\n}\n\n.omg-he-accordion summary{\n position:relative;\n\n display:flex;\n\n align-items:center;\n\n justify-content:space-between;\n\n gap:15px;\n\n padding:18px 20px;\n\n cursor:pointer;\n\n list-style:none;\n\n color:var(--cream);\n\n font-size:14px;\n\n font-weight:800;\n}\n\n.omg-he-accordion summary::-webkit-details-marker{\n display:none;\n}\n\n.omg-he-accordion summary:after{\n content:\"+\";\n\n flex:0 0 auto;\n\n width:27px;\n height:27px;\n\n display:flex;\n\n align-items:center;\n justify-content:center;\n\n border-radius:50%;\n\n color:var(--neon-bright);\n\n border:1px solid rgba(255,79,163,.28);\n\n background:rgba(255,79,163,.06);\n\n font-size:18px;\n font-weight:400;\n\n transition:\n transform .3s ease,\n background .3s ease;\n}\n\n.omg-he-accordion details[open] summary:after{\n content:\"−\";\n\n transform:rotate(180deg);\n\n background:rgba(255,79,163,.12);\n}\n\n.omg-he-accordion summary:hover{\n color:#ffffff;\n}\n\n.omg-he-accordion-content{\n padding:0 20px 20px;\n\n color:var(--muted);\n\n font-size:13px;\n\n line-height:1.75;\n}\n\n.omg-he-accordion-content p{\n margin:0 0 12px;\n}\n\n.omg-he-accordion-content p:last-child{\n margin-bottom:0;\n}\n\n.omg-he-accordion-content strong{\n color:var(--cream);\n}\n\n.omg-he-accordion-content ul{\n margin:10px 0 0;\n padding-left:20px;\n}\n\n.omg-he-accordion-content li{\n margin-bottom:7px;\n}\n\n.omg-he-accordion-content li:last-child{\n margin-bottom:0;\n}\n\n\n\/* =========================================================\n RITUAL\n========================================================= *\/\n\n.omg-he-ritual{\n position:relative;\n overflow:hidden;\n\n margin-top:55px;\n\n padding:48px 25px;\n\n border-radius:28px;\n\n background:\n radial-gradient(\n circle at 50% 20%,\n rgba(255,79,163,.13),\n transparent 48%\n ),\n radial-gradient(\n circle at 0% 100%,\n rgba(217,47,127,.08),\n transparent 35%\n ),\n linear-gradient(\n 145deg,\n #1a0e17,\n #2b1024\n );\n\n color:var(--cream);\n\n border:1px solid rgba(255,79,163,.23);\n\n box-shadow:\n 0 28px 65px rgba(0,0,0,.38),\n 0 0 40px rgba(255,79,163,.06);\n}\n\n.omg-he-ritual:before{\n content:\"\";\n\n position:absolute;\n\n width:300px;\n height:300px;\n\n left:50%;\n top:-170px;\n\n transform:translateX(-50%);\n\n border-radius:50%;\n\n border:1px solid rgba(255,79,163,.09);\n\n box-shadow:\n 0 0 35px rgba(255,79,163,.04);\n}\n\n.omg-he-ritual h3{\n position:relative;\n z-index:2;\n\n color:var(--cream);\n\n text-shadow:0 0 14px rgba(255,79,163,.16);\n}\n\n.omg-he-ritual-intro{\n position:relative;\n z-index:2;\n\n max-width:600px;\n\n margin:0 auto 35px;\n\n color:#cbb3bf;\n\n font-size:14px;\n\n line-height:1.7;\n}\n\n.omg-he-step{\n position:relative;\n z-index:2;\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:8px;\n\n text-align:left;\n\n border-radius:16px;\n\n transition:\n transform .3s ease,\n background .3s ease,\n box-shadow .3s ease;\n}\n\n.omg-he-step:hover{\n transform:scale(1.02) translateX(4px);\n\n background:rgba(255,79,163,.035);\n\n box-shadow:0 0 24px rgba(255,79,163,.05);\n}\n\n.omg-he-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 at 35% 30%,\n #ff91c4,\n #ff4fa3 48%,\n #d92f7f 100%\n );\n\n color:#250d1b;\n\n font-weight:900;\n font-size:12px;\n\n border:1px solid rgba(255,255,255,.28);\n\n box-shadow:\n 0 0 8px rgba(255,79,163,.65),\n 0 0 18px rgba(255,79,163,.45),\n 0 0 30px rgba(255,79,163,.20);\n\n filter:drop-shadow(0 0 7px rgba(255,79,163,.5));\n\n transition:\n transform .3s ease,\n box-shadow .3s ease;\n}\n\n.omg-he-step:hover .omg-he-number{\n transform:scale(1.08);\n\n box-shadow:\n 0 0 10px rgba(255,79,163,.8),\n 0 0 25px rgba(255,79,163,.6),\n 0 0 42px rgba(255,79,163,.25);\n}\n\n.omg-he-step strong{\n display:block;\n\n margin-bottom:5px;\n\n color:var(--cream);\n}\n\n.omg-he-step span{\n color:#bda7b3;\n\n font-size:13px;\n\n line-height:1.6;\n}\n\n\n\/* =========================================================\n NEUTRAL \/ MORNING AFTER\n========================================================= *\/\n\n.omg-he-neutral{\n position:relative;\n overflow:hidden;\n\n margin-top:45px;\n\n padding:38px 22px;\n\n border-radius:23px;\n\n background:\n radial-gradient(\n circle at 50% 0%,\n rgba(255,79,163,.10),\n transparent 50%\n ),\n linear-gradient(\n 145deg,\n rgba(255,255,255,.065),\n rgba(255,79,163,.025)\n );\n\n text-align:center;\n\n border:1px solid rgba(255,79,163,.22);\n\n box-shadow:\n 0 18px 45px rgba(0,0,0,.24),\n 0 0 28px rgba(255,79,163,.05);\n\n backdrop-filter:blur(14px);\n -webkit-backdrop-filter:blur(14px);\n\n transition:\n transform .35s ease,\n border-color .35s ease,\n box-shadow .35s ease;\n}\n\n.omg-he-neutral:hover{\n transform:scale(1.02);\n\n border-color:rgba(255,79,163,.48);\n\n box-shadow:\n 0 22px 50px rgba(0,0,0,.30),\n 0 0 25px rgba(255,79,163,.12);\n}\n\n.omg-he-line{\n width:55px;\n height:2px;\n\n margin:0 auto 19px;\n\n background:\n linear-gradient(\n 90deg,\n transparent,\n var(--neon),\n transparent\n );\n\n box-shadow:\n 0 0 8px var(--neon),\n 0 0 18px rgba(255,79,163,.5);\n}\n\n.omg-he-neutral h3{\n margin-bottom:10px;\n color:var(--cream);\n}\n\n.omg-he-neutral p{\n max-width:650px;\n margin:auto;\n\n color:var(--muted);\n\n font-size:14px;\n line-height:1.75;\n}\n\n\n\/* =========================================================\n GIFT\n========================================================= *\/\n\n.omg-he-gift{\n display:flex;\n\n align-items:center;\n justify-content:center;\n\n gap:13px;\n\n margin-top:30px;\n\n padding:15px 20px;\n\n max-width:600px;\n\n margin-left:auto;\n margin-right:auto;\n\n font-size:13px;\n\n color:var(--muted);\n\n border-radius:18px;\n\n background:rgba(255,255,255,.035);\n\n border:1px solid rgba(255,79,163,.14);\n\n box-shadow:0 10px 28px rgba(0,0,0,.15);\n\n transition:\n transform .3s ease,\n border-color .3s ease,\n box-shadow .3s ease;\n}\n\n.omg-he-gift:hover{\n transform:scale(1.02);\n\n border-color:rgba(255,79,163,.35);\n\n box-shadow:\n 0 14px 35px rgba(0,0,0,.22),\n 0 0 20px rgba(255,79,163,.08);\n}\n\n.omg-he-gift-icon{\n font-size:27px;\n\n filter:drop-shadow(0 0 7px rgba(255,79,163,.5));\n\n animation:hePulse 2s ease-in-out infinite;\n}\n\n\n\/* =========================================================\n NOTE\n========================================================= *\/\n\n.omg-he-note{\n position:relative;\n z-index:2;\n\n margin-top:35px;\n\n padding:19px;\n\n border-radius:15px;\n\n background:rgba(255,255,255,.035);\n\n border:1px solid rgba(255,255,255,.07);\n\n color:#a995a0;\n\n font-size:11px;\n\n line-height:1.65;\n\n text-align:center;\n}\n\n\n\/* =========================================================\n PRODUCT IMAGE GLOW\n========================================================= *\/\n\nbody:has(.omg-hangover-energy) .product__media-wrapper,\nbody:has(.omg-hangover-energy) .product__media-list{\n position:relative;\n}\n\nbody:has(.omg-hangover-energy) .product__media-wrapper:before{\n content:\"\";\n\n position:absolute;\n z-index:0;\n\n width:min(78%,520px);\n\n aspect-ratio:1\/1;\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(255,79,163,.34) 0%,\n rgba(255,79,163,.20) 28%,\n rgba(217,47,127,.10) 48%,\n transparent 73%\n );\n\n filter:blur(13px);\n\n pointer-events:none;\n\n animation:heProductSpotlight 5s ease-in-out infinite;\n}\n\nbody:has(.omg-hangover-energy) .product__media-wrapper .product__media,\nbody:has(.omg-hangover-energy) .product__media-wrapper img,\nbody:has(.omg-hangover-energy) .product__media-list img{\n position:relative;\n z-index:1;\n}\n\n.omg-he-product-spotlight{\n position:relative;\n}\n\n.omg-he-product-spotlight:before{\n content:\"\";\n\n position:absolute;\n z-index:0;\n\n width:85%;\n\n aspect-ratio:1\/1;\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(255,79,163,.34),\n rgba(255,79,163,.10) 45%,\n transparent 72%\n );\n\n filter:blur(14px);\n\n animation:heProductSpotlight 5s ease-in-out infinite;\n}\n\n.omg-he-product-spotlight \u003e *{\n position:relative;\n z-index:1;\n}\n\n\n\/* =========================================================\n ADD TO CART\n========================================================= *\/\n\nbody:has(.omg-hangover-energy) .product-form__submit,\nbody:has(.omg-hangover-energy) button[name=\"add\"]{\n position:relative;\n\n animation:heCartPulse 2.8s ease-in-out infinite;\n\n box-shadow:\n 0 0 0 rgba(255,79,163,0),\n 0 0 18px rgba(255,79,163,.18);\n\n transition:\n transform .25s ease,\n box-shadow .25s ease,\n filter .25s ease;\n}\n\nbody:has(.omg-hangover-energy) .product-form__submit:hover,\nbody:has(.omg-hangover-energy) button[name=\"add\"]:hover{\n transform:scale(1.025);\n\n filter:brightness(1.08);\n\n box-shadow:\n 0 0 15px rgba(255,79,163,.55),\n 0 0 32px rgba(255,79,163,.30);\n}\n\n\n\/* =========================================================\n REVEAL ANIMATION\n========================================================= *\/\n\n.omg-hangover-energy .he-reveal{\n opacity:0;\n\n transform:translateY(28px);\n\n transition:\n opacity .8s ease,\n transform .8s cubic-bezier(.2,.7,.2,1);\n}\n\n.omg-hangover-energy .he-reveal.is-visible{\n opacity:1;\n transform:translateY(0);\n}\n\n\n\/* =========================================================\n KEYFRAMES\n========================================================= *\/\n\n@keyframes heFade{\n from{\n opacity:0;\n transform:translateY(20px);\n }\n\n to{\n opacity:1;\n transform:translateY(0);\n }\n}\n\n@keyframes heFloat{\n 0%,100%{\n transform:translateY(0);\n }\n\n 50%{\n transform:translateY(-7px);\n }\n}\n\n@keyframes heNeonPulse{\n 0%,100%{\n filter:\n drop-shadow(0 0 5px rgba(255,79,163,.7))\n drop-shadow(0 0 14px rgba(255,79,163,.75))\n drop-shadow(0 0 25px rgba(255,79,163,.35));\n }\n\n 50%{\n filter:\n drop-shadow(0 0 7px rgba(255,79,163,1))\n drop-shadow(0 0 18px rgba(255,79,163,1))\n drop-shadow(0 0 34px rgba(255,79,163,.55));\n }\n}\n\n@keyframes heLabelGlow{\n 0%,100%{\n box-shadow:0 0 12px rgba(255,79,163,.06);\n }\n\n 50%{\n box-shadow:0 0 20px rgba(255,79,163,.17);\n }\n}\n\n@keyframes heHeadingShimmer{\n 0%,100%{\n opacity:.35;\n transform:translate(-50%,-50%) scale(.9);\n }\n\n 50%{\n opacity:.85;\n transform:translate(-50%,-50%) scale(1.12);\n }\n}\n\n@keyframes heSparkOne{\n 0%,100%{\n opacity:.2;\n transform:translate(0,0) scale(.7) rotate(0deg);\n }\n\n 50%{\n opacity:1;\n transform:translate(5px,-7px) scale(1.1) rotate(25deg);\n }\n}\n\n@keyframes heSparkTwo{\n 0%,100%{\n opacity:.15;\n transform:translate(0,0) scale(.6) rotate(0deg);\n }\n\n 50%{\n opacity:.9;\n transform:translate(-5px,5px) scale(1) rotate(-20deg);\n }\n}\n\n@keyframes heRevealCard{\n from{\n opacity:0;\n transform:translateY(18px);\n }\n\n to{\n opacity:1;\n transform:translateY(0);\n }\n}\n\n@keyframes hePulse{\n 0%,100%{\n transform:scale(1);\n }\n\n 50%{\n transform:scale(1.12);\n }\n}\n\n@keyframes heProductSpotlight{\n 0%,100%{\n opacity:.65;\n transform:translate(-50%,-50%) scale(.95);\n }\n\n 50%{\n opacity:1;\n transform:translate(-50%,-50%) scale(1.06);\n }\n}\n\n@keyframes heCartPulse{\n 0%,100%{\n box-shadow:\n 0 0 0 rgba(255,79,163,0),\n 0 0 18px rgba(255,79,163,.16);\n }\n\n 45%{\n box-shadow:\n 0 0 0 4px rgba(255,79,163,.035),\n 0 0 26px rgba(255,79,163,.30);\n }\n\n 52%{\n box-shadow:\n 0 0 0 7px rgba(255,79,163,0),\n 0 0 34px rgba(255,79,163,.42);\n }\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media(max-width:650px){\n\n .omg-hangover-energy{\n border-radius:23px;\n }\n\n .omg-he-hero{\n padding:50px 20px;\n border-radius:23px;\n }\n\n .omg-he-hero h2{\n letter-spacing:-.8px;\n }\n\n .omg-he-hero p{\n font-size:15px;\n }\n\n .omg-he-benefits,\n .omg-he-ingredients{\n grid-template-columns:1fr;\n }\n\n .omg-he-ingredients--duo{\n grid-template-columns:1fr;\n }\n\n .omg-he-section{\n padding-top:44px;\n }\n\n .omg-he-transparency{\n margin-left:15px;\n margin-right:15px;\n\n padding:30px 16px;\n\n border-radius:23px;\n }\n\n .omg-he-transparency h3{\n font-size:24px;\n }\n\n .omg-he-sa-source{\n align-items:flex-start;\n\n padding:17px;\n }\n\n .omg-he-sa-icon{\n flex-basis:43px;\n\n width:43px;\n height:43px;\n\n font-size:22px;\n }\n\n .omg-he-accordion summary{\n padding:17px 16px;\n }\n\n .omg-he-accordion-content{\n padding:0 16px 18px;\n }\n\n .omg-he-ritual{\n padding:40px 17px;\n border-radius:23px;\n }\n\n .omg-he-step{\n gap:13px;\n }\n\n .omg-he-number{\n flex-basis:36px;\n width:36px;\n height:36px;\n }\n\n .omg-he-gift{\n align-items:flex-start;\n text-align:left;\n }\n}\n\n\n\/* =========================================================\n REDUCED MOTION\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n .omg-hangover-energy *,\n .omg-hangover-energy:before,\n .omg-hangover-energy:after{\n animation:none !important;\n transition:none !important;\n }\n\n .omg-hangover-energy .he-reveal{\n opacity:1;\n transform:none;\n }\n}\n\n\u003c\/style\u003e\n\n\n\u003c!-- =======================================================\n HERO\n======================================================= --\u003e\n\n\u003cdiv class=\"omg-he-hero he-reveal\"\u003e\n\n \u003cdiv class=\"omg-he-symbol\"\u003e⚡\u003c\/div\u003e\n\n \u003cdiv class=\"omg-he-label\"\u003e\n Refresh • Reset • Recharge\n \u003c\/div\u003e\n\n \u003ch2\u003e\n Hangover \u0026amp; Energy\n \u003cbr\u003e\n \u003cspan\u003eBath Salts\u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp\u003e\n Give yourself a refreshing reset after a big night.\n This invigorating 250ml blend combines sea salt,\n Epsom salt and essential oils to add a revitalising\n touch to your bath or shower routine.\n \u003c\/p\u003e\n\n \u003cdiv class=\"omg-he-size\"\u003e\n ✦ 250ml • Refreshing Blend\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- =======================================================\n BENEFITS\n======================================================= --\u003e\n\n\u003cdiv class=\"omg-he-section he-reveal\"\u003e\n\n \u003ch3\u003eWhy You'll Love It\u003c\/h3\u003e\n\n \u003cp class=\"omg-he-intro\"\u003e\n Designed for those mornings when you need a little\n extra refreshment and a better way to reset your routine.\n \u003c\/p\u003e\n\n \u003cdiv class=\"omg-he-benefits\"\u003e\n\n \u003cdiv class=\"omg-he-benefit\"\u003e\n\n \u003cdiv class=\"omg-he-icon\"\u003e⚡\u003c\/div\u003e\n\n \u003cstrong\u003eFeel Refreshed\u003c\/strong\u003e\n\n \u003cp\u003e\n Add a refreshing boost to your personal shower\n or bath ritual when you want to reset and recharge.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"omg-he-benefit\"\u003e\n\n \u003cdiv class=\"omg-he-icon\"\u003e🌿\u003c\/div\u003e\n\n \u003cstrong\u003eInvigorating Aroma\u003c\/strong\u003e\n\n \u003cp\u003e\n Essential oils create an aromatic experience\n designed to make your shower feel more refreshing.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"omg-he-benefit\"\u003e\n\n \u003cdiv class=\"omg-he-icon\"\u003e🧘\u003c\/div\u003e\n\n \u003cstrong\u003eRelax \u0026amp; Unwind\u003c\/strong\u003e\n\n \u003cp\u003e\n Give yourself a moment to slow down and\n enjoy a soothing self-care ritual.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"omg-he-benefit\"\u003e\n\n \u003cdiv class=\"omg-he-icon\"\u003e✨\u003c\/div\u003e\n\n \u003cstrong\u003eStart Fresh\u003c\/strong\u003e\n\n \u003cp\u003e\n Turn your morning shower into a refreshing\n ritual that helps you feel ready for the day.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- =======================================================\n WHAT'S INSIDE\n======================================================= --\u003e\n\n\u003cdiv class=\"omg-he-section he-reveal\"\u003e\n\n \u003ch3\u003eWhat's Inside\u003c\/h3\u003e\n\n \u003cp class=\"omg-he-intro\"\u003e\n A simple combination of classic bath ingredients\n and essential oils for your personal wellness ritual.\n \u003c\/p\u003e\n\n \u003cdiv class=\"omg-he-ingredients\"\u003e\n\n \u003cdiv class=\"omg-he-ingredient\"\u003e\n\n \u003cdiv class=\"omg-he-ingredient-icon\"\u003e🌊\u003c\/div\u003e\n\n \u003cstrong\u003eSea Salt\u003c\/strong\u003e\n\n \u003cspan\u003e\n A classic mineral-rich ingredient used in\n bath and body-care rituals.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"omg-he-ingredient\"\u003e\n\n \u003cdiv class=\"omg-he-ingredient-icon\"\u003e✦\u003c\/div\u003e\n\n \u003cstrong\u003eEpsom Salt\u003c\/strong\u003e\n\n \u003cspan\u003e\n A popular addition to relaxing baths and\n refreshing self-care routines.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"omg-he-ingredient\"\u003e\n\n \u003cdiv class=\"omg-he-ingredient-icon\"\u003e🌿\u003c\/div\u003e\n\n \u003cstrong\u003eEssential Oils\u003c\/strong\u003e\n\n \u003cspan\u003e\n Adds an invigorating aromatic element\n to your shower or bath experience.\n \u003c\/span\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-he-section he-reveal\"\u003e\n\n \u003ch3\u003eIngredients\u003c\/h3\u003e\n\n \u003cp class=\"omg-he-intro\"\u003e\n Two standout notes that give this blend its\n playful, calming character.\n \u003c\/p\u003e\n\n \u003cdiv class=\"omg-he-ingredients omg-he-ingredients--duo\"\u003e\n\n \u003cdiv class=\"omg-he-ingredient\"\u003e\n\n \u003cdiv class=\"omg-he-ingredient-icon\"\u003e🍬\u003c\/div\u003e\n\n \u003cstrong\u003eBubble Gum Essential Oil\u003c\/strong\u003e\n\n \u003cspan\u003e\n A fun, nostalgic scent that adds a sweet,\n playful twist to your shower ritual.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"omg-he-ingredient\"\u003e\n\n \u003cdiv class=\"omg-he-ingredient-icon\"\u003e🌼\u003c\/div\u003e\n\n \u003cstrong\u003eChamomile\u003c\/strong\u003e\n\n \u003cspan\u003e\n A gentle, calming botanical known for its\n soothing aroma in bath and body care.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- =======================================================\n SOURCING \u0026 INGREDIENT TRANSPARENCY\n======================================================= --\u003e\n\n\u003cdiv class=\"omg-he-transparency he-reveal\"\u003e\n\n \u003cdiv class=\"omg-he-transparency-header\"\u003e\n\n \u003cdiv class=\"omg-he-transparency-badge\"\u003e\n 🇿🇦 Product Transparency\n \u003c\/div\u003e\n\n \u003ch3\u003eSourcing \u0026amp; Ingredients\u003c\/h3\u003e\n\n \u003cp class=\"omg-he-transparency-intro\"\u003e\n We believe you should know what's going into your\n self-care ritual and where your bath salts are sourced.\n That's why we've made the key product information\n available right here on the product page.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- SOUTH AFRICA SOURCE --\u003e\n\n \u003cdiv class=\"omg-he-sa-source\"\u003e\n\n \u003cdiv class=\"omg-he-sa-icon\"\u003e\n 🇿🇦\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cstrong\u003eSourced Locally in South Africa\u003c\/strong\u003e\n\n \u003cspan\u003e\n Our bath salts are locally sourced in South Africa,\n helping keep the sourcing information close to home\n and making it easy for you to know where your product\n comes from.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- ACCORDION --\u003e\n\n \u003cdiv class=\"omg-he-accordion\"\u003e\n\n\n \u003cdetails\u003e\n\n \u003csummary\u003e\n What's in the bath salts?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"omg-he-accordion-content\"\u003e\n\n \u003cp\u003e\n The base ingredients used in this blend are:\n \u003c\/p\u003e\n\n \u003cul\u003e\n\n \u003cli\u003e\n \u003cstrong\u003eSea Salt\u003c\/strong\u003e — a classic bath and\n body-care ingredient.\n \u003c\/li\u003e\n\n \u003cli\u003e\n \u003cstrong\u003eEpsom Salt\u003c\/strong\u003e — commonly used in\n bath and self-care rituals.\n \u003c\/li\u003e\n\n \u003cli\u003e\n \u003cstrong\u003eEssential Oils\u003c\/strong\u003e — included to\n provide the product's aromatic experience.\n \u003c\/li\u003e\n\n \u003cli\u003e\n \u003cstrong\u003eBubble Gum Essential Oil \u0026amp; Chamomile\u003c\/strong\u003e\n — featured notes in this particular blend.\n \u003c\/li\u003e\n\n \u003c\/ul\u003e\n\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n \u003cdetails\u003e\n\n \u003csummary\u003e\n Where is it sourced?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"omg-he-accordion-content\"\u003e\n\n \u003cp\u003e\n \u003cstrong\u003eLocally sourced in South Africa.\u003c\/strong\u003e\n \u003c\/p\u003e\n\n \u003cp\u003e\n We want shoppers to have clear sourcing information\n without needing to search through our Brand Story,\n Contact page or footer links.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n \u003cdetails\u003e\n\n \u003csummary\u003e\n Is it organic or ethically certified?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"omg-he-accordion-content\"\u003e\n\n \u003cp\u003e\n We do not make an organic, vegan, cruelty-free or\n ethical-certification claim unless that certification\n is specifically stated on the product packaging or\n supporting documentation.\n \u003c\/p\u003e\n\n \u003cp\u003e\n Our focus is on being transparent about the ingredients\n we list and the fact that this product is locally sourced\n in South Africa.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n \u003cdetails\u003e\n\n \u003csummary\u003e\n What comes with my bath salts?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"omg-he-accordion-content\"\u003e\n\n \u003cp\u003e\n Each 250ml product comes in a reusable glass jar\n with a matching drawstring \/ organza pouch.\n \u003c\/p\u003e\n\n \u003cp\u003e\n The pouch can be used as part of the shower ritual,\n while the reusable jar provides a practical way to\n store the product.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- =======================================================\n REFRESH RITUAL\n======================================================= --\u003e\n\n\u003cdiv class=\"omg-he-ritual he-reveal\"\u003e\n\n \u003cdiv style=\"text-align:center;\"\u003e\n\n \u003ch3\u003e⚡ Your Refresh Ritual\u003c\/h3\u003e\n\n \u003cp class=\"omg-he-ritual-intro\"\u003e\n No complicated routine. Just add, shower and enjoy.\n Make your morning shower feel like a complete reset.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"omg-he-step\"\u003e\n\n \u003cdiv class=\"omg-he-number\"\u003e01\u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cstrong\u003eFill the pouch\u003c\/strong\u003e\n\n \u003cspan\u003e\n Add a small amount of bath salt to the included\n drawstring pouch.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"omg-he-step\"\u003e\n\n \u003cdiv class=\"omg-he-number\"\u003e02\u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cstrong\u003eTake your shower\u003c\/strong\u003e\n\n \u003cspan\u003e\n Shower as you normally would and let the warm\n water create your refreshing routine.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"omg-he-step\"\u003e\n\n \u003cdiv class=\"omg-he-number\"\u003e03\u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cstrong\u003eAttach the pouch\u003c\/strong\u003e\n\n \u003cspan\u003e\n After finishing your shower, securely attach\n the pouch to your shower head.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"omg-he-step\"\u003e\n\n \u003cdiv class=\"omg-he-number\"\u003e04\u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cstrong\u003eLet the water flow\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-he-step\"\u003e\n\n \u003cdiv class=\"omg-he-number\"\u003e05\u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cstrong\u003eRefresh \u0026amp; reset\u003c\/strong\u003e\n\n \u003cspan\u003e\n Take a breath, enjoy the aroma and step into\n the rest of your day feeling refreshed.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- =======================================================\n MORNING AFTER\n======================================================= --\u003e\n\n\u003cdiv class=\"omg-he-neutral he-reveal\"\u003e\n\n \u003cdiv class=\"omg-he-line\"\u003e\u003c\/div\u003e\n\n \u003ch3\u003eFor The Morning After\u003c\/h3\u003e\n\n \u003cp\u003e\n Whether you're recovering from a late night,\n starting an early morning or simply looking for\n a more invigorating shower ritual, this blend is\n made for anyone who wants to refresh and reset.\n \u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- =======================================================\n GIFT\n======================================================= --\u003e\n\n\u003cdiv class=\"omg-he-section he-reveal\"\u003e\n\n \u003ch3\u003eA Fun Gift They'll Actually Remember\u003c\/h3\u003e\n\n \u003cp class=\"omg-he-intro\"\u003e\n The perfect tongue-in-cheek gift for the friend who\n had one too many — or anyone who loves a refreshing\n self-care ritual.\n \u003c\/p\u003e\n\n \u003cdiv class=\"omg-he-gift\"\u003e\n\n \u003cdiv class=\"omg-he-gift-icon\"\u003e🎁\u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cstrong\u003e\n Reusable glass jar + matching drawstring pouch\n \u003c\/strong\u003e\n\n \u003cbr\u003e\n\n Giftable, practical and ready for the next reset.\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- =======================================================\n IMPORTANT\n======================================================= --\u003e\n\n\u003cdiv class=\"omg-he-note he-reveal\"\u003e\n\n \u003cstrong\u003eImportant:\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 JAVASCRIPT\n======================================================= --\u003e\n\n\u003cscript\u003e\n\n(function(){\n\n const root =\n document.querySelector('.omg-hangover-energy');\n\n if(!root) return;\n\n\n const revealItems =\n root.querySelectorAll('.he-reveal');\n\n\n if(!('IntersectionObserver' in window)){\n\n revealItems.forEach(function(item){\n\n item.classList.add('is-visible');\n\n });\n\n return;\n }\n\n\n const observer =\n new IntersectionObserver(\n function(entries){\n\n entries.forEach(function(entry){\n\n if(entry.isIntersecting){\n\n entry.target.classList.add('is-visible');\n\n observer.unobserve(entry.target);\n\n }\n\n });\n\n },\n {\n threshold:0.12,\n rootMargin:'0px 0px -40px 0px'\n }\n );\n\n\n revealItems.forEach(function(item){\n\n observer.observe(item);\n\n });\n\n})();\n\n\u003c\/script\u003e\n\n\n\u003c\/div\u003e","brand":"OMG Finds","offers":[{"title":"Pink","offer_id":46549800878243,"sku":"Hangover Cure","price":350.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0732\/3097\/5139\/files\/pink-energize-hangover-bath-salts.png?v=1788119426"},{"product_id":"concentration-focus-yellow-concentration-shower-bath-salts-250ml","title":"Focus Shower Bath Salts 250ml","description":"\u003cstyle\u003e\n\/* =========================================================\n OMG FIND — FOCUS SHOWER BATH SALTS 250ML\n PREMIUM GOLDEN GLOW \/ MORNING ENERGY DESIGN\n + PRODUCT TRANSPARENCY \u0026 LOCAL SOURCING\n ========================================================= *\/\n\n.omg-focus-salts{\n --cream:#fffaf0;\n --cream-2:#fff3dc;\n --amber-light:#ffe8c2;\n --amber:#f5b942;\n --amber-dark:#c88a18;\n --gold:#e3a82f;\n --gold-soft:#ffe1a1;\n\n --charcoal:#171310;\n --charcoal-2:#2e2013;\n --dark-text:#28231e;\n --text:#34302a;\n --muted:#706960;\n\n --warm-white:#fff9ed;\n\n position:relative;\n max-width:950px;\n margin:0 auto;\n\n color:var(--text);\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 10% 10%,\n rgba(245,185,66,.10),\n transparent 25%\n ),\n radial-gradient(\n circle at 90% 60%,\n rgba(255,210,128,.12),\n transparent 28%\n ),\n linear-gradient(\n 145deg,\n #fffaf0 0%,\n #fff3dc 48%,\n #ffe8c2 100%\n );\n\n border-radius:30px;\n\n box-shadow:\n 0 30px 90px rgba(101,67,21,.13);\n}\n\n\n\/* =========================================================\n WARM BACKGROUND SPARKLES\n ========================================================= *\/\n\n.omg-focus-salts:before,\n.omg-focus-salts:after{\n content:\"\";\n\n position:absolute;\n\n width:5px;\n height:5px;\n\n border-radius:50%;\n\n background:#fff3c7;\n\n box-shadow:\n 0 0 8px rgba(245,185,66,.8),\n 80px 120px 0 rgba(245,185,66,.45),\n 160px 40px 0 rgba(255,216,140,.55),\n 300px 170px 0 rgba(245,185,66,.35),\n 520px 80px 0 rgba(255,220,150,.5),\n 700px 210px 0 rgba(245,185,66,.35),\n 820px 70px 0 rgba(255,220,150,.55);\n\n pointer-events:none;\n\n animation:\n focusSparkle 5s ease-in-out infinite;\n\n z-index:0;\n}\n\n.omg-focus-salts:after{\n width:3px;\n height:3px;\n\n top:45%;\n left:15%;\n\n animation-delay:2.2s;\n\n box-shadow:\n 120px 20px 0 rgba(245,185,66,.35),\n 250px 100px 0 rgba(255,220,150,.55),\n 410px -50px 0 rgba(245,185,66,.4),\n 600px 140px 0 rgba(255,220,150,.45),\n 760px -40px 0 rgba(245,185,66,.35);\n}\n\n@keyframes focusSparkle{\n 0%,100%{\n opacity:.35;\n transform:scale(.8);\n }\n\n 50%{\n opacity:1;\n transform:scale(1.15);\n }\n}\n\n\n\/* =========================================================\n HERO\n ========================================================= *\/\n\n.omg-focus-hero{\n position:relative;\n z-index:1;\n\n overflow:hidden;\n\n padding:70px 25px;\n\n text-align:center;\n\n border-radius:30px;\n\n background:\n radial-gradient(\n circle at 50% 42%,\n rgba(255,255,255,.92),\n transparent 34%\n ),\n radial-gradient(\n circle at 50% 95%,\n rgba(245,185,66,.18),\n transparent 42%\n ),\n linear-gradient(\n 145deg,\n #fffdf8 0%,\n #fff4dc 55%,\n #ffe8c2 100%\n );\n\n border:1px solid rgba(205,153,52,.18);\n\n box-shadow:\n 0 25px 70px rgba(102,67,20,.12),\n inset 0 1px 0 rgba(255,255,255,.8);\n\n animation:\n focusFade 1s ease forwards,\n focusGlow 5s ease-in-out infinite;\n}\n\n\n\/* =========================================================\n HERO DECORATIVE ORBITS\n ========================================================= *\/\n\n.omg-focus-hero:before,\n.omg-focus-hero:after{\n content:\"\";\n\n position:absolute;\n\n border-radius:50%;\n\n pointer-events:none;\n\n animation:\n orbitGlow 7s ease-in-out infinite;\n}\n\n.omg-focus-hero:before{\n width:320px;\n height:320px;\n\n top:-195px;\n right:-115px;\n\n border:1px solid rgba(245,185,66,.27);\n\n box-shadow:\n 0 0 70px rgba(245,185,66,.09);\n}\n\n.omg-focus-hero:after{\n width:190px;\n height:190px;\n\n bottom:-115px;\n left:-75px;\n\n border:1px solid rgba(245,185,66,.20);\n}\n\n\n\/* =========================================================\n HERO SHIMMER\n ========================================================= *\/\n\n.omg-focus-hero h2{\n position:relative;\n z-index:2;\n overflow:visible;\n}\n\n.omg-focus-hero h2:after{\n content:\"\";\n\n position:absolute;\n\n left:15%;\n right:15%;\n bottom:-20px;\n\n height:45px;\n\n background:\n radial-gradient(\n ellipse,\n rgba(245,185,66,.25),\n transparent 68%\n );\n\n filter:blur(14px);\n\n opacity:.55;\n\n pointer-events:none;\n\n animation:\n headingShimmer 4.5s ease-in-out infinite;\n}\n\n@keyframes headingShimmer{\n 0%,100%{\n opacity:.25;\n transform:scaleX(.8);\n }\n\n 50%{\n opacity:.7;\n transform:scaleX(1.08);\n }\n}\n\n\n\/* =========================================================\n LIGHTNING ICON\n ========================================================= *\/\n\n.omg-focus-symbol{\n position:relative;\n z-index:2;\n\n display:inline-block;\n\n font-size:48px;\n\n margin-bottom:18px;\n\n color:#f5b942;\n\n filter:\n drop-shadow(0 0 5px rgba(245,185,66,.7))\n drop-shadow(0 0 12px rgba(245,185,66,.55))\n drop-shadow(0 0 28px rgba(245,185,66,.25));\n\n animation:\n focusPulse 3s ease-in-out infinite,\n focusBoltFloat 4s ease-in-out infinite;\n}\n\n@keyframes focusPulse{\n 0%,100%{\n filter:\n drop-shadow(0 0 5px rgba(245,185,66,.65))\n drop-shadow(0 0 12px rgba(245,185,66,.45))\n drop-shadow(0 0 24px rgba(245,185,66,.18));\n }\n\n 50%{\n filter:\n drop-shadow(0 0 9px rgba(245,185,66,1))\n drop-shadow(0 0 20px rgba(245,185,66,.75))\n drop-shadow(0 0 38px rgba(245,185,66,.35));\n }\n}\n\n@keyframes focusBoltFloat{\n 0%,100%{\n transform:translateY(0) rotate(0deg);\n }\n\n 50%{\n transform:translateY(-5px) rotate(-2deg);\n }\n}\n\n\n\/* =========================================================\n LABEL\n ========================================================= *\/\n\n.omg-focus-label{\n position:relative;\n z-index:2;\n\n display:inline-block;\n\n margin-bottom:14px;\n\n padding:5px 11px;\n\n border-radius:30px;\n\n font-size:10px;\n letter-spacing:3px;\n text-transform:uppercase;\n font-weight:800;\n\n color:#9b7018;\n\n background:rgba(245,185,66,.09);\n\n border:1px solid rgba(245,185,66,.18);\n\n text-shadow:\n 0 0 8px rgba(245,185,66,.35);\n\n box-shadow:\n 0 0 18px rgba(245,185,66,.08);\n\n animation:\n labelGlow 4s ease-in-out infinite;\n}\n\n@keyframes labelGlow{\n 0%,100%{\n box-shadow:0 0 12px rgba(245,185,66,.06);\n }\n\n 50%{\n box-shadow:0 0 24px rgba(245,185,66,.22);\n }\n}\n\n\n\/* =========================================================\n HERO TYPOGRAPHY\n ========================================================= *\/\n\n.omg-focus-hero h2{\n margin:0 auto 17px;\n\n max-width:720px;\n\n font-size:clamp(32px,6vw,54px);\n\n line-height:1.03;\n\n letter-spacing:-1.5px;\n\n color:var(--dark-text);\n\n text-shadow:\n 0 4px 25px rgba(113,75,19,.08);\n}\n\n.omg-focus-hero h2 span{\n font-weight:400;\n\n color:#a97a1d;\n}\n\n.omg-focus-hero p{\n position:relative;\n z-index:2;\n\n max-width:660px;\n\n margin:0 auto;\n\n color:var(--muted);\n\n font-size:16px;\n\n line-height:1.8;\n}\n\n\n\/* =========================================================\n SIZE BADGE\n ========================================================= *\/\n\n.omg-focus-size{\n position:relative;\n z-index:2;\n\n display:inline-flex;\n\n align-items:center;\n\n gap:8px;\n\n margin-top:27px;\n\n padding:11px 19px;\n\n border-radius:50px;\n\n background:rgba(255,255,255,.72);\n\n border:1px solid rgba(196,143,38,.20);\n\n color:#51452e;\n\n font-size:12px;\n\n font-weight:700;\n\n box-shadow:\n 0 8px 25px rgba(117,78,19,.07),\n inset 0 1px 0 rgba(255,255,255,.9);\n\n backdrop-filter:blur(12px);\n -webkit-backdrop-filter:blur(12px);\n\n animation:\n badgeGlow 3.5s ease-in-out infinite;\n\n transition:\n transform .3s ease,\n box-shadow .3s ease;\n}\n\n.omg-focus-size:hover{\n transform:scale(1.03);\n\n box-shadow:\n 0 12px 30px rgba(117,78,19,.12),\n 0 0 22px rgba(245,185,66,.18);\n}\n\n\n\/* =========================================================\n SECTIONS\n ========================================================= *\/\n\n.omg-focus-section{\n position:relative;\n z-index:1;\n\n padding:60px 20px 5px;\n\n text-align:center;\n}\n\n.omg-focus-section h3{\n margin:0 0 12px;\n\n font-size:29px;\n\n letter-spacing:-.5px;\n\n color:var(--dark-text);\n}\n\n.omg-focus-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\/* =========================================================\n SCROLL REVEAL\n ========================================================= *\/\n\n.omg-focus-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-focus-reveal.omg-focus-visible{\n opacity:1;\n\n transform:translateY(0);\n}\n\n\n\/* =========================================================\n BENEFIT CARDS\n ========================================================= *\/\n\n.omg-focus-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-focus-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,.72),\n rgba(255,246,226,.58)\n );\n\n border:1px solid rgba(202,150,49,.16);\n\n border-radius:22px;\n\n box-shadow:\n 0 12px 35px rgba(109,72,19,.07),\n inset 0 1px 0 rgba(255,255,255,.85);\n\n backdrop-filter:blur(13px);\n -webkit-backdrop-filter:blur(13px);\n\n transition:\n transform .35s ease,\n box-shadow .35s ease,\n border-color .35s ease;\n}\n\n.omg-focus-benefit:hover{\n transform:\n translateY(-6px)\n scale(1.025);\n\n border-color:rgba(245,185,66,.4);\n\n box-shadow:\n 0 22px 48px rgba(109,72,19,.13),\n 0 0 28px rgba(245,185,66,.14);\n}\n\n\n\/* =========================================================\n BENEFIT ICONS\n ========================================================= *\/\n\n.omg-focus-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 #fff3cf,\n #ffedbf\n );\n\n border:1px solid rgba(245,185,66,.22);\n\n font-size:21px;\n\n box-shadow:\n 0 0 18px rgba(245,185,66,.10);\n\n animation:\n iconFloat 3s ease-in-out infinite;\n}\n\n.omg-focus-benefit strong{\n display:block;\n\n margin-bottom:7px;\n\n color:var(--dark-text);\n\n font-size:16px;\n}\n\n.omg-focus-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\/* =========================================================\n INGREDIENTS\n ========================================================= *\/\n\n.omg-focus-ingredients{\n display:grid;\n\n grid-template-columns:repeat(4,1fr);\n\n gap:14px;\n\n margin-top:28px;\n}\n\n.omg-focus-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,.72),\n rgba(255,241,210,.58)\n );\n\n border:1px solid rgba(202,150,49,.16);\n\n box-shadow:\n 0 12px 35px rgba(109,72,19,.07),\n inset 0 1px 0 rgba(255,255,255,.8);\n\n backdrop-filter:blur(13px);\n -webkit-backdrop-filter:blur(13px);\n\n transition:\n transform .35s ease,\n box-shadow .35s ease,\n border-color .35s ease;\n}\n\n.omg-focus-ingredient:hover{\n transform:\n scale(1.03)\n translateY(-4px);\n\n border-color:rgba(245,185,66,.4);\n\n box-shadow:\n 0 18px 40px rgba(109,72,19,.12),\n 0 0 28px rgba(245,185,66,.13);\n}\n\n.omg-focus-ingredient-icon{\n font-size:28px;\n\n margin-bottom:12px;\n\n filter:\n drop-shadow(0 0 7px rgba(245,185,66,.22));\n\n animation:\n iconFloat 3.2s ease-in-out infinite;\n}\n\n.omg-focus-ingredient strong{\n display:block;\n\n color:var(--dark-text);\n\n margin-bottom:7px;\n}\n\n.omg-focus-ingredient span{\n font-size:12px;\n\n line-height:1.55;\n\n color:var(--muted);\n}\n\n\n\/* =========================================================\n GLOWING LEMONGRASS INGREDIENT\n ========================================================= *\/\n\n.omg-focus-lemongrass{\n overflow:hidden;\n\n background:\n radial-gradient(\n circle at 50% 15%,\n rgba(255,246,163,.90),\n transparent 42%\n ),\n radial-gradient(\n circle at 50% 100%,\n rgba(218,205,72,.20),\n transparent 55%\n ),\n linear-gradient(\n 145deg,\n #fffef1 0%,\n #f7f4ca 48%,\n #fff0b9 100%\n ) !important;\n\n border:1px solid rgba(190,168,45,.45) !important;\n\n box-shadow:\n 0 12px 35px rgba(109,72,19,.08),\n 0 0 20px rgba(218,190,65,.20),\n 0 0 45px rgba(218,190,65,.10),\n inset 0 1px 0 rgba(255,255,255,.95);\n\n animation:\n lemongrassGlow 4s ease-in-out infinite;\n}\n\n.omg-focus-lemongrass:before{\n content:\"\";\n\n position:absolute;\n\n width:120px;\n height:120px;\n\n top:-35px;\n left:50%;\n\n transform:translateX(-50%);\n\n border-radius:50%;\n\n background:\n radial-gradient(\n circle,\n rgba(255,242,132,.75),\n rgba(244,229,87,.25) 40%,\n transparent 70%\n );\n\n filter:blur(14px);\n\n pointer-events:none;\n\n animation:\n lemongrassAura 3.5s ease-in-out infinite;\n}\n\n.omg-focus-lemongrass:after{\n content:\"✦\";\n\n position:absolute;\n\n top:10px;\n right:12px;\n\n font-size:12px;\n\n color:#d8bd38;\n\n text-shadow:\n 0 0 8px rgba(236,213,75,.8);\n\n animation:\n lemongrassStar 2.5s ease-in-out infinite;\n}\n\n.omg-focus-lemongrass \u003e *{\n position:relative;\n\n z-index:2;\n}\n\n.omg-focus-lemongrass .omg-focus-ingredient-icon{\n font-size:34px;\n\n filter:\n drop-shadow(0 0 5px rgba(185,164,34,.65))\n drop-shadow(0 0 12px rgba(230,209,73,.55))\n drop-shadow(0 0 26px rgba(230,209,73,.30));\n\n animation:\n lemongrassFloat 3.5s ease-in-out infinite;\n}\n\n.omg-focus-lemongrass strong{\n color:#55491b;\n\n text-shadow:\n 0 0 12px rgba(220,195,64,.22);\n}\n\n.omg-focus-lemongrass span{\n color:#706844;\n}\n\n.omg-focus-lemongrass-label{\n display:inline-block;\n\n margin-bottom:9px;\n\n padding:4px 9px;\n\n border-radius:30px;\n\n background:\n rgba(255,249,194,.82);\n\n border:1px solid rgba(187,164,44,.28);\n\n color:#81721f;\n\n font-size:9px;\n\n font-weight:800;\n\n letter-spacing:1.5px;\n\n text-transform:uppercase;\n\n box-shadow:\n 0 0 16px rgba(218,190,65,.16);\n}\n\n@keyframes lemongrassGlow{\n\n 0%,100%{\n box-shadow:\n 0 12px 35px rgba(109,72,19,.08),\n 0 0 18px rgba(218,190,65,.15),\n 0 0 38px rgba(218,190,65,.06),\n inset 0 1px 0 rgba(255,255,255,.95);\n }\n\n 50%{\n box-shadow:\n 0 15px 38px rgba(109,72,19,.10),\n 0 0 30px rgba(218,190,65,.34),\n 0 0 58px rgba(218,190,65,.14),\n inset 0 1px 0 rgba(255,255,255,.98);\n }\n\n}\n\n@keyframes lemongrassAura{\n\n 0%,100%{\n opacity:.35;\n\n transform:\n translateX(-50%)\n scale(.82);\n }\n\n 50%{\n opacity:.95;\n\n transform:\n translateX(-50%)\n scale(1.15);\n }\n\n}\n\n@keyframes lemongrassFloat{\n\n 0%,100%{\n transform:\n translateY(0)\n rotate(0deg);\n }\n\n 50%{\n transform:\n translateY(-5px)\n rotate(-2deg);\n }\n\n}\n\n@keyframes lemongrassStar{\n\n 0%,100%{\n opacity:.35;\n transform:scale(.8) rotate(0deg);\n }\n\n 50%{\n opacity:1;\n transform:scale(1.25) rotate(90deg);\n }\n\n}\n\n\n\/* =========================================================\n PRODUCT TRANSPARENCY\n ========================================================= *\/\n\n.omg-focus-transparency{\n position:relative;\n z-index:1;\n\n margin:55px 20px 0;\n\n padding:42px 22px;\n\n border-radius:26px;\n\n overflow:hidden;\n\n background:\n radial-gradient(\n circle at 15% 10%,\n rgba(245,185,66,.15),\n transparent 28%\n ),\n radial-gradient(\n circle at 90% 85%,\n rgba(255,222,151,.12),\n transparent 30%\n ),\n linear-gradient(\n 145deg,\n rgba(255,255,255,.76),\n rgba(255,244,218,.60)\n );\n\n border:1px solid rgba(202,150,49,.22);\n\n box-shadow:\n 0 18px 50px rgba(109,72,19,.10),\n inset 0 1px 0 rgba(255,255,255,.9);\n\n backdrop-filter:blur(14px);\n -webkit-backdrop-filter:blur(14px);\n}\n\n.omg-focus-transparency:before{\n content:\"\";\n\n position:absolute;\n\n width:180px;\n height:180px;\n\n top:-90px;\n right:-60px;\n\n border-radius:50%;\n\n background:\n radial-gradient(\n circle,\n rgba(245,185,66,.22),\n transparent 70%\n );\n\n filter:blur(12px);\n\n pointer-events:none;\n\n animation:\n transparencyGlow 4s ease-in-out infinite;\n}\n\n.omg-focus-transparency \u003e *{\n position:relative;\n z-index:2;\n}\n\n.omg-focus-transparency-header{\n text-align:center;\n\n margin-bottom:28px;\n}\n\n.omg-focus-transparency-badge{\n display:inline-flex;\n\n align-items:center;\n\n gap:7px;\n\n margin-bottom:12px;\n\n padding:6px 12px;\n\n border-radius:50px;\n\n background:rgba(245,185,66,.10);\n\n border:1px solid rgba(202,150,49,.20);\n\n color:#886318;\n\n font-size:9px;\n\n font-weight:800;\n\n letter-spacing:1.8px;\n\n text-transform:uppercase;\n\n box-shadow:\n 0 0 18px rgba(245,185,66,.08);\n}\n\n.omg-focus-transparency h3{\n margin:0 0 10px;\n\n color:var(--dark-text);\n\n font-size:28px;\n\n letter-spacing:-.5px;\n}\n\n.omg-focus-transparency-intro{\n max-width:650px;\n\n margin:0 auto;\n\n color:var(--muted);\n\n font-size:13px;\n\n line-height:1.75;\n}\n\n\n\/* =========================================================\n SOUTH AFRICAN SOURCING CARD\n ========================================================= *\/\n\n.omg-focus-local{\n display:flex;\n\n align-items:center;\n\n gap:16px;\n\n margin:24px auto;\n\n max-width:720px;\n\n padding:18px 20px;\n\n border-radius:19px;\n\n background:\n linear-gradient(\n 135deg,\n rgba(255,255,255,.78),\n rgba(255,244,218,.65)\n );\n\n border:1px solid rgba(202,150,49,.18);\n\n box-shadow:\n 0 10px 30px rgba(109,72,19,.06);\n}\n\n.omg-focus-local-icon{\n flex:0 0 48px;\n\n width:48px;\n height:48px;\n\n display:flex;\n\n align-items:center;\n justify-content:center;\n\n border-radius:50%;\n\n font-size:25px;\n\n background:\n radial-gradient(\n circle,\n #fff3c9,\n #ffe6a6\n );\n\n border:1px solid rgba(245,185,66,.28);\n\n box-shadow:\n 0 0 20px rgba(245,185,66,.15);\n\n animation:\n localPulse 3s ease-in-out infinite;\n}\n\n.omg-focus-local-text{\n text-align:left;\n}\n\n.omg-focus-local-text strong{\n display:block;\n\n margin-bottom:4px;\n\n color:#4f422c;\n\n font-size:15px;\n}\n\n.omg-focus-local-text span{\n display:block;\n\n color:#756d62;\n\n font-size:12px;\n\n line-height:1.6;\n}\n\n\n\/* =========================================================\n TRANSPARENCY GRID\n ========================================================= *\/\n\n.omg-focus-transparency-grid{\n display:grid;\n\n grid-template-columns:repeat(3,1fr);\n\n gap:13px;\n\n margin-top:18px;\n}\n\n.omg-focus-transparency-card{\n padding:22px 15px;\n\n text-align:center;\n\n border-radius:18px;\n\n background:\n rgba(255,255,255,.56);\n\n border:1px solid rgba(202,150,49,.13);\n\n box-shadow:\n 0 8px 25px rgba(109,72,19,.05);\n\n transition:\n transform .3s ease,\n box-shadow .3s ease,\n border-color .3s ease;\n}\n\n.omg-focus-transparency-card:hover{\n transform:translateY(-4px);\n\n border-color:rgba(245,185,66,.32);\n\n box-shadow:\n 0 15px 32px rgba(109,72,19,.09),\n 0 0 22px rgba(245,185,66,.10);\n}\n\n.omg-focus-transparency-card-icon{\n font-size:26px;\n\n margin-bottom:10px;\n\n filter:\n drop-shadow(0 0 7px rgba(245,185,66,.22));\n}\n\n.omg-focus-transparency-card strong{\n display:block;\n\n margin-bottom:6px;\n\n color:var(--dark-text);\n\n font-size:14px;\n}\n\n.omg-focus-transparency-card span{\n display:block;\n\n color:var(--muted);\n\n font-size:11px;\n\n line-height:1.55;\n}\n\n\n\/* =========================================================\n CERTIFICATION NOTE\n ========================================================= *\/\n\n.omg-focus-certification{\n margin-top:18px;\n\n padding:15px 17px;\n\n border-radius:15px;\n\n background:\n rgba(255,255,255,.42);\n\n border:1px solid rgba(202,150,49,.10);\n\n color:#71695f;\n\n font-size:11px;\n\n line-height:1.65;\n\n text-align:center;\n}\n\n.omg-focus-certification strong{\n color:#554a39;\n}\n\n\n\/* =========================================================\n ACCORDION\n ========================================================= *\/\n\n.omg-focus-accordion{\n margin-top:24px;\n\n display:grid;\n\n gap:9px;\n}\n\n.omg-focus-accordion details{\n border-radius:15px;\n\n background:\n rgba(255,255,255,.52);\n\n border:1px solid rgba(202,150,49,.12);\n\n overflow:hidden;\n\n transition:\n border-color .3s ease,\n box-shadow .3s ease;\n}\n\n.omg-focus-accordion details:hover{\n border-color:rgba(245,185,66,.28);\n\n box-shadow:\n 0 8px 22px rgba(109,72,19,.06);\n}\n\n.omg-focus-accordion summary{\n position:relative;\n\n cursor:pointer;\n\n list-style:none;\n\n padding:16px 43px 16px 17px;\n\n color:#4c4336;\n\n font-size:13px;\n\n font-weight:750;\n}\n\n.omg-focus-accordion summary::-webkit-details-marker{\n display:none;\n}\n\n.omg-focus-accordion summary:after{\n content:\"+\";\n\n position:absolute;\n\n right:17px;\n top:50%;\n\n transform:translateY(-50%);\n\n width:22px;\n height:22px;\n\n display:flex;\n\n align-items:center;\n justify-content:center;\n\n border-radius:50%;\n\n background:rgba(245,185,66,.12);\n\n color:#8d681e;\n\n font-size:17px;\n\n transition:\n transform .3s ease,\n background .3s ease;\n}\n\n.omg-focus-accordion details[open] summary:after{\n content:\"−\";\n\n background:rgba(245,185,66,.22);\n\n transform:\n translateY(-50%)\n rotate(180deg);\n}\n\n.omg-focus-accordion-content{\n padding:0 17px 17px;\n\n color:#746c61;\n\n font-size:12px;\n\n line-height:1.7;\n}\n\n.omg-focus-accordion-content strong{\n color:#554a39;\n}\n\n\n\/* =========================================================\n DARK GOLDEN RITUAL SECTION\n ========================================================= *\/\n\n.omg-focus-ritual{\n position:relative;\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(245,185,66,.18),\n transparent 36%\n ),\n radial-gradient(\n circle at 90% 90%,\n rgba(218,143,39,.10),\n transparent 30%\n ),\n linear-gradient(\n 145deg,\n #1a1410 0%,\n #241910 48%,\n #2e2013 100%\n );\n\n color:var(--warm-white);\n\n border:1px solid rgba(245,185,66,.20);\n\n box-shadow:\n 0 25px 65px rgba(67,39,10,.22),\n inset 0 1px 0 rgba(255,255,255,.035);\n\n animation:\n ritualGlow 5s ease-in-out infinite;\n}\n\n.omg-focus-ritual:before{\n content:\"\";\n\n position:absolute;\n\n width:260px;\n height:260px;\n\n top:-150px;\n right:-100px;\n\n border-radius:50%;\n\n background:\n radial-gradient(\n circle,\n rgba(245,185,66,.12),\n transparent 70%\n );\n\n filter:blur(20px);\n\n pointer-events:none;\n\n z-index:0;\n}\n\n.omg-focus-ritual \u003e *{\n position:relative;\n z-index:1;\n}\n\n.omg-focus-ritual h3{\n position:relative;\n\n color:var(--warm-white);\n\n text-shadow:\n 0 0 18px rgba(245,185,66,.12);\n\n margin-top:0;\n}\n\n.omg-focus-ritual-intro{\n position:relative;\n\n max-width:610px;\n\n margin:0 auto 35px;\n\n color:#c9bfae;\n\n font-size:14px;\n\n line-height:1.7;\n}\n\n\n\/* =========================================================\n RITUAL STEPS\n ========================================================= *\/\n\n.omg-focus-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:\n rgba(255,255,255,.025);\n\n border:1px solid rgba(245,185,66,.07);\n\n transition:\n transform .35s ease,\n background .35s ease,\n border-color .35s ease,\n box-shadow .35s ease;\n}\n\n.omg-focus-step:hover{\n transform:\n translateX(6px)\n scale(1.02);\n\n background:\n rgba(245,185,66,.055);\n\n border-color:\n rgba(245,185,66,.28);\n\n box-shadow:\n 0 0 25px rgba(245,185,66,.08);\n}\n\n\n\/* =========================================================\n GOLD NUMBER CIRCLES\n ========================================================= *\/\n\n.omg-focus-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 #ffe39c 0%,\n #f5b942 50%,\n #c48619 100%\n );\n\n color:#241a0b;\n\n font-weight:800;\n\n font-size:12px;\n\n border:1px solid rgba(255,225,160,.5);\n\n box-shadow:\n 0 0 12px rgba(245,185,66,.35),\n 0 0 25px rgba(245,185,66,.10),\n inset 0 1px 2px rgba(255,255,255,.6);\n\n transition:\n transform .3s ease,\n box-shadow .3s ease;\n}\n\n.omg-focus-step:hover .omg-focus-number{\n transform:scale(1.06);\n\n box-shadow:\n 0 0 18px rgba(245,185,66,.6),\n 0 0 35px rgba(245,185,66,.2),\n inset 0 1px 2px rgba(255,255,255,.7);\n}\n\n.omg-focus-step strong{\n display:block;\n\n margin-bottom:5px;\n\n color:var(--warm-white);\n}\n\n.omg-focus-step span{\n color:#b8afa1;\n\n font-size:13px;\n\n line-height:1.6;\n}\n\n\n\/* =========================================================\n RESET BUTTON \/ HIGHLIGHT CARD\n ========================================================= *\/\n\n.omg-focus-highlight{\n position:relative;\n z-index:1;\n\n margin-top:45px;\n\n padding:40px 22px;\n\n border-radius:24px;\n\n overflow:hidden;\n\n background:\n radial-gradient(\n circle at 90% 20%,\n rgba(255,255,255,.75),\n transparent 25%\n ),\n radial-gradient(\n circle at 10% 90%,\n rgba(245,185,66,.18),\n transparent 30%\n ),\n linear-gradient(\n 135deg,\n #fff8e7,\n #ffe9bd\n );\n\n border:1px solid rgba(202,150,49,.20);\n\n text-align:center;\n\n box-shadow:\n 0 15px 40px rgba(109,72,19,.09),\n inset 0 1px 0 rgba(255,255,255,.85);\n\n backdrop-filter:blur(12px);\n -webkit-backdrop-filter:blur(12px);\n\n transition:\n transform .35s ease,\n box-shadow .35s ease;\n}\n\n.omg-focus-highlight:hover{\n transform:scale(1.02);\n\n box-shadow:\n 0 20px 50px rgba(109,72,19,.13),\n 0 0 28px rgba(245,185,66,.13);\n}\n\n.omg-focus-highlight:after{\n content:\"\";\n\n position:absolute;\n\n top:0;\n left:-120%;\n\n width:60%;\n height:100%;\n\n background:\n linear-gradient(\n 90deg,\n transparent,\n rgba(255,255,255,.45),\n transparent\n );\n\n transform:skewX(-20deg);\n\n animation:\n resetShimmer 5s ease-in-out infinite;\n}\n\n@keyframes resetShimmer{\n 0%,55%{\n left:-120%;\n }\n\n 80%,100%{\n left:140%;\n }\n}\n\n.omg-focus-highlight h3{\n position:relative;\n z-index:2;\n\n margin-bottom:10px;\n\n color:var(--dark-text);\n}\n\n.omg-focus-highlight p{\n position:relative;\n z-index:2;\n\n max-width:650px;\n\n margin:auto;\n\n color:#665c48;\n\n font-size:14px;\n\n line-height:1.75;\n}\n\n\n\/* =========================================================\n MADE FOR EVERYONE\n ========================================================= *\/\n\n.omg-focus-salts \u003e .omg-focus-section:last-of-type{\n position:relative;\n}\n\n.omg-focus-salts \u003e .omg-focus-section:last-of-type:before{\n content:\"\";\n\n position:absolute;\n\n width:180px;\n height:180px;\n\n top:30%;\n left:50%;\n\n transform:translate(-50%,-50%);\n\n background:\n radial-gradient(\n circle,\n rgba(245,185,66,.11),\n transparent 70%\n );\n\n filter:blur(20px);\n\n pointer-events:none;\n}\n\n\n\/* =========================================================\n GIFT\n ========================================================= *\/\n\n.omg-focus-gift{\n position:relative;\n z-index:1;\n\n display:flex;\n\n align-items:center;\n justify-content:center;\n\n gap:13px;\n\n margin:30px 20px 0;\n\n padding:16px 20px;\n\n border-radius:50px;\n\n font-size:13px;\n\n color:var(--muted);\n\n background:\n rgba(255,255,255,.48);\n\n border:1px solid rgba(202,150,49,.13);\n\n box-shadow:\n 0 8px 25px rgba(109,72,19,.06);\n\n backdrop-filter:blur(10px);\n -webkit-backdrop-filter:blur(10px);\n\n transition:\n transform .3s ease,\n box-shadow .3s ease;\n}\n\n.omg-focus-gift:hover{\n transform:scale(1.02);\n\n box-shadow:\n 0 12px 30px rgba(109,72,19,.1),\n 0 0 22px rgba(245,185,66,.1);\n}\n\n.omg-focus-gift strong{\n color:#5a4a2c;\n}\n\n.omg-focus-gift-icon{\n font-size:27px;\n\n filter:\n drop-shadow(0 0 7px rgba(245,185,66,.35));\n\n animation:\n focusGift 2s infinite;\n}\n\n\n\/* =========================================================\n SAFETY NOTE\n ========================================================= *\/\n\n.omg-focus-note{\n position:relative;\n z-index:1;\n\n margin:35px 20px 0;\n\n padding:18px;\n\n border-radius:15px;\n\n background:\n rgba(255,255,255,.42);\n\n border:1px solid rgba(202,150,49,.10);\n\n color:#777066;\n\n font-size:11px;\n\n line-height:1.65;\n\n text-align:center;\n\n backdrop-filter:blur(8px);\n -webkit-backdrop-filter:blur(8px);\n}\n\n.omg-focus-note strong{\n color:#51462f;\n}\n\n\n\/* =========================================================\n PRODUCT IMAGE SPOTLIGHT\n ========================================================= *\/\n\n.omg-focus-product-image{\n position:relative;\n\n display:inline-block;\n\n isolation:isolate;\n}\n\n.omg-focus-product-image:before{\n content:\"\";\n\n position:absolute;\n\n left:50%;\n top:52%;\n\n width:85%;\n height:80%;\n\n transform:\n translate(-50%,-50%);\n\n background:\n radial-gradient(\n ellipse,\n rgba(245,185,66,.34) 0%,\n rgba(255,213,130,.20) 32%,\n rgba(255,237,193,.08) 52%,\n transparent 72%\n );\n\n filter:blur(24px);\n\n z-index:-1;\n\n pointer-events:none;\n\n animation:\n productSpotlight 5s ease-in-out infinite;\n}\n\n.omg-focus-product-image img{\n position:relative;\n z-index:1;\n\n filter:\n drop-shadow(0 20px 28px rgba(92,57,12,.16));\n}\n\n@keyframes productSpotlight{\n\n 0%,100%{\n opacity:.65;\n\n transform:\n translate(-50%,-50%)\n scale(.94);\n }\n\n 50%{\n opacity:1;\n\n transform:\n translate(-50%,-50%)\n scale(1.08);\n }\n\n}\n\n\n\/* =========================================================\n ADD TO CART GLOW\n ========================================================= *\/\n\n.omg-focus-salts button[name=\"add\"],\n.omg-focus-salts .product-form__submit,\n.omg-focus-salts .shopify-payment-button__button{\n transition:\n transform .3s ease,\n box-shadow .3s ease,\n filter .3s ease;\n\n animation:\n addToCartGlow 3.5s ease-in-out infinite;\n}\n\n.omg-focus-salts button[name=\"add\"]:hover,\n.omg-focus-salts .product-form__submit:hover,\n.omg-focus-salts .shopify-payment-button__button:hover{\n transform:scale(1.025);\n\n filter:brightness(1.05);\n\n box-shadow:\n 0 8px 28px rgba(245,185,66,.28),\n 0 0 30px rgba(245,185,66,.15);\n}\n\n@keyframes addToCartGlow{\n\n 0%,100%{\n box-shadow:\n 0 5px 18px rgba(245,185,66,.10);\n }\n\n 50%{\n box-shadow:\n 0 8px 28px rgba(245,185,66,.25),\n 0 0 25px rgba(245,185,66,.10);\n }\n\n}\n\n\n\/* =========================================================\n GENERAL ANIMATIONS\n ========================================================= *\/\n\n@keyframes focusFade{\n\n from{\n opacity:0;\n transform:translateY(20px);\n }\n\n to{\n opacity:1;\n transform:translateY(0);\n }\n\n}\n\n@keyframes focusGlow{\n\n 0%,100%{\n box-shadow:\n 0 25px 70px rgba(102,67,20,.12);\n }\n\n 50%{\n box-shadow:\n 0 25px 70px rgba(245,185,66,.18);\n }\n\n}\n\n@keyframes badgeGlow{\n\n 0%,100%{\n box-shadow:\n 0 8px 25px rgba(117,78,19,.06);\n }\n\n 50%{\n box-shadow:\n 0 8px 28px rgba(245,185,66,.18);\n }\n\n}\n\n@keyframes orbitGlow{\n\n 0%,100%{\n transform:\n scale(1)\n rotate(0deg);\n }\n\n 50%{\n transform:\n scale(1.05)\n rotate(7deg);\n }\n\n}\n\n@keyframes iconFloat{\n\n 0%,100%{\n transform:translateY(0);\n }\n\n 50%{\n transform:translateY(-4px);\n }\n\n}\n\n@keyframes ritualGlow{\n\n 0%,100%{\n box-shadow:\n 0 25px 65px rgba(67,39,10,.22);\n }\n\n 50%{\n box-shadow:\n 0 25px 65px rgba(120,73,15,.32),\n 0 0 35px rgba(245,185,66,.08);\n }\n\n}\n\n@keyframes focusGift{\n\n 0%,100%{\n transform:scale(1);\n }\n\n 50%{\n transform:scale(1.12);\n }\n\n}\n\n@keyframes transparencyGlow{\n\n 0%,100%{\n opacity:.45;\n transform:scale(.9);\n }\n\n 50%{\n opacity:1;\n transform:scale(1.1);\n }\n\n}\n\n@keyframes localPulse{\n\n 0%,100%{\n transform:scale(1);\n box-shadow:0 0 20px rgba(245,185,66,.12);\n }\n\n 50%{\n transform:scale(1.06);\n box-shadow:\n 0 0 25px rgba(245,185,66,.28),\n 0 0 40px rgba(245,185,66,.10);\n }\n\n}\n\n\n\/* =========================================================\n TABLET\n ========================================================= *\/\n\n@media(max-width:850px){\n\n .omg-focus-ingredients{\n grid-template-columns:repeat(2,1fr);\n }\n\n .omg-focus-transparency-grid{\n grid-template-columns:1fr;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n ========================================================= *\/\n\n@media(max-width:650px){\n\n .omg-focus-salts{\n border-radius:22px;\n }\n\n .omg-focus-hero{\n padding:48px 20px;\n\n border-radius:23px;\n }\n\n .omg-focus-symbol{\n font-size:44px;\n }\n\n .omg-focus-hero h2{\n letter-spacing:-.8px;\n }\n\n .omg-focus-hero p{\n font-size:14px;\n\n line-height:1.75;\n }\n\n .omg-focus-benefits,\n .omg-focus-ingredients{\n grid-template-columns:1fr;\n }\n\n .omg-focus-section{\n padding-top:45px;\n }\n\n .omg-focus-ritual{\n padding:38px 16px;\n }\n\n .omg-focus-ritual:before{\n width:190px;\n height:190px;\n\n top:-110px;\n right:-90px;\n }\n\n .omg-focus-step{\n gap:12px;\n }\n\n .omg-focus-highlight{\n margin-left:15px;\n margin-right:15px;\n }\n\n .omg-focus-gift{\n border-radius:22px;\n\n text-align:center;\n }\n\n .omg-focus-note{\n margin-left:15px;\n margin-right:15px;\n }\n\n .omg-focus-transparency{\n margin-left:15px;\n margin-right:15px;\n\n padding:35px 16px;\n }\n\n .omg-focus-local{\n align-items:flex-start;\n\n text-align:left;\n\n padding:16px;\n }\n\n .omg-focus-local-icon{\n flex-basis:42px;\n\n width:42px;\n height:42px;\n\n font-size:21px;\n }\n\n}\n\n\n\/* =========================================================\n REDUCED MOTION\n ========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n .omg-focus-salts *,\n .omg-focus-salts *:before,\n .omg-focus-salts *:after{\n\n animation-duration:.01ms !important;\n\n animation-iteration-count:1 !important;\n\n transition-duration:.01ms !important;\n }\n\n}\n\u003c\/style\u003e\n\n\n\u003c!-- =====================================================\n COMPLETE FOCUS BATH SALTS PAGE\n===================================================== --\u003e\n\n\u003cdiv class=\"omg-focus-salts\"\u003e\n\n\n\u003c!-- =====================================================\n HERO\n===================================================== --\u003e\n\n\u003cdiv class=\"omg-focus-hero omg-focus-reveal\"\u003e\n\n \u003cdiv class=\"omg-focus-symbol\"\u003e\n ⚡\n \u003c\/div\u003e\n\n \u003cdiv class=\"omg-focus-label\"\u003e\n Focus • Refresh • Reset\n \u003c\/div\u003e\n\n \u003ch2\u003e\n Focus \u003cspan\u003e\u0026amp;\u003c\/span\u003e\n \u003cbr\u003e\n Concentration\n \u003c\/h2\u003e\n\n \u003cp\u003e\n Elevate your everyday shower routine with our invigorating Focus Bath Salts. A 250ml blend of sea salt, Epsom salt and essential oils designed to create a refreshing, aromatic self-care experience.\n \u003c\/p\u003e\n\n \u003cdiv class=\"omg-focus-size\"\u003e\n ✦ 250ml • Invigorating Blend\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- =====================================================\n BENEFITS\n===================================================== --\u003e\n\n\u003cdiv class=\"omg-focus-section omg-focus-reveal\"\u003e\n\n \u003ch3\u003e\n Why You'll Love It\n \u003c\/h3\u003e\n\n \u003cp class=\"omg-focus-intro\"\u003e\n A refreshing addition to your morning routine, workday reset or whenever you want to create a more energising shower experience.\n \u003c\/p\u003e\n\n \u003cdiv class=\"omg-focus-benefits\"\u003e\n\n\n \u003cdiv class=\"omg-focus-benefit\"\u003e\n\n \u003cdiv class=\"omg-focus-icon\"\u003e\n 🎯\n \u003c\/div\u003e\n\n \u003cstrong\u003e\n Start With Intention\n \u003c\/strong\u003e\n\n \u003cp\u003e\n Create a purposeful morning ritual that helps you mentally prepare for the day ahead.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"omg-focus-benefit\"\u003e\n\n \u003cdiv class=\"omg-focus-icon\"\u003e\n ⚡\n \u003c\/div\u003e\n\n \u003cstrong\u003e\n Invigorating Experience\n \u003c\/strong\u003e\n\n \u003cp\u003e\n Add an aromatic, refreshing touch to your shower when you want to feel more awake and refreshed.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"omg-focus-benefit\"\u003e\n\n \u003cdiv class=\"omg-focus-icon\"\u003e\n 🧠\n \u003c\/div\u003e\n\n \u003cstrong\u003e\n Refresh Your Mind\n \u003c\/strong\u003e\n\n \u003cp\u003e\n Turn your shower into a moment to pause, reset and get yourself ready for what's next.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"omg-focus-benefit\"\u003e\n\n \u003cdiv class=\"omg-focus-icon\"\u003e\n ✨\n \u003c\/div\u003e\n\n \u003cstrong\u003e\n Upgrade Your Routine\n \u003c\/strong\u003e\n\n \u003cp\u003e\n Transform an everyday shower into a more enjoyable and spa-inspired self-care ritual.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- =====================================================\n INGREDIENTS\n===================================================== --\u003e\n\n\u003cdiv class=\"omg-focus-section omg-focus-reveal\"\u003e\n\n \u003ch3\u003e\n What's Inside\n \u003c\/h3\u003e\n\n \u003cp class=\"omg-focus-intro\"\u003e\n A straightforward blend of sea salt, Epsom salt, essential oils and lemongrass. Each ingredient brings something unique to this refreshing shower ritual.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"omg-focus-ingredients\"\u003e\n\n\n \u003c!-- SEA SALT --\u003e\n\n \u003cdiv class=\"omg-focus-ingredient\"\u003e\n\n \u003cdiv class=\"omg-focus-ingredient-icon\"\u003e\n 🌊\n \u003c\/div\u003e\n\n \u003cstrong\u003e\n Sea Salt\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Sea salt, primarily sodium chloride, forms the mineral salt base of this shower blend.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- EPSOM SALT --\u003e\n\n \u003cdiv class=\"omg-focus-ingredient\"\u003e\n\n \u003cdiv class=\"omg-focus-ingredient-icon\"\u003e\n ✦\n \u003c\/div\u003e\n\n \u003cstrong\u003e\n Epsom Salt\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Epsom salt, magnesium sulfate, is a commonly used ingredient in bath and self-care products.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- ESSENTIAL OILS --\u003e\n\n \u003cdiv class=\"omg-focus-ingredient\"\u003e\n\n \u003cdiv class=\"omg-focus-ingredient-icon\"\u003e\n 🌿\n \u003c\/div\u003e\n\n \u003cstrong\u003e\n Essential Oils\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Essential oils provide the aromatic element of the blend. Please refer to the product label for the specific oils included.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- LEMONGRASS --\u003e\n\n \u003cdiv class=\"omg-focus-ingredient omg-focus-lemongrass\"\u003e\n\n \u003cdiv class=\"omg-focus-ingredient-icon\"\u003e\n 🌱\n \u003c\/div\u003e\n\n \u003cdiv class=\"omg-focus-lemongrass-label\"\u003e\n Featured Ingredient\n \u003c\/div\u003e\n\n \u003cstrong\u003e\n Lemongrass\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Lemongrass brings a naturally fresh, bright and uplifting citrus-herbal aroma to your shower ritual.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- =====================================================\n PRODUCT TRANSPARENCY\n===================================================== --\u003e\n\n\u003cdiv class=\"omg-focus-transparency omg-focus-reveal\"\u003e\n\n \u003cdiv class=\"omg-focus-transparency-header\"\u003e\n\n \u003cdiv class=\"omg-focus-transparency-badge\"\u003e\n 🇿🇦 Product Transparency\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Know What's Inside\n \u003c\/h3\u003e\n\n \u003cp class=\"omg-focus-transparency-intro\"\u003e\n We believe you should be able to easily understand what you're buying. Here's a clear look at the ingredients, sourcing and product details behind your Focus Bath Salts.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- LOCAL SOURCING --\u003e\n\n \u003cdiv class=\"omg-focus-local\"\u003e\n\n \u003cdiv class=\"omg-focus-local-icon\"\u003e\n 🇿🇦\n \u003c\/div\u003e\n\n \u003cdiv class=\"omg-focus-local-text\"\u003e\n\n \u003cstrong\u003e\n Sourced Locally in South Africa\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Our Focus Bath Salts are sourced locally in South Africa, helping us keep our product sourcing closer to home.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- TRANSPARENCY CARDS --\u003e\n\n \u003cdiv class=\"omg-focus-transparency-grid\"\u003e\n\n\n \u003cdiv class=\"omg-focus-transparency-card\"\u003e\n\n \u003cdiv class=\"omg-focus-transparency-card-icon\"\u003e\n 🌊\n \u003c\/div\u003e\n\n \u003cstrong\u003e\n Sea Salt\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n The mineral salt base used in the blend.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"omg-focus-transparency-card\"\u003e\n\n \u003cdiv class=\"omg-focus-transparency-card-icon\"\u003e\n ✦\n \u003c\/div\u003e\n\n \u003cstrong\u003e\n Epsom Salt\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Magnesium sulfate used in bath and self-care products.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"omg-focus-transparency-card\"\u003e\n\n \u003cdiv class=\"omg-focus-transparency-card-icon\"\u003e\n 🌿\n \u003c\/div\u003e\n\n \u003cstrong\u003e\n Essential Oils\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Provides the aromatic element of the shower blend.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c!-- ACCORDION --\u003e\n\n \u003cdiv class=\"omg-focus-accordion\"\u003e\n\n\n \u003cdetails\u003e\n\n \u003csummary\u003e\n What ingredients are in the Focus Bath Salts?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"omg-focus-accordion-content\"\u003e\n\n \u003cstrong\u003e\n Ingredients:\n \u003c\/strong\u003e\n\n Sea salt, Epsom salt, essential oils and lemongrass.\n\n Please refer to the product label for the specific essential oils included.\n\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n \u003cdetails\u003e\n\n \u003csummary\u003e\n Where are the bath salts sourced?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"omg-focus-accordion-content\"\u003e\n\n The Focus Bath Salts are\n \u003cstrong\u003e\n sourced locally in South Africa.\n \u003c\/strong\u003e\n\n We include this information so you can see where the product comes from before purchasing.\n\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n \u003cdetails\u003e\n\n \u003csummary\u003e\n Are the ingredients organic?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"omg-focus-accordion-content\"\u003e\n\n We have not made a specific organic certification claim for this product. We prefer to provide accurate ingredient and sourcing information rather than make a certification claim that we cannot verify.\n\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n \u003cdetails\u003e\n\n \u003csummary\u003e\n Does the product have ethical certifications?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"omg-focus-accordion-content\"\u003e\n\n No specific ethical certification is being claimed on this product page. If a verified certification applies to a future batch or supplier, it can be added here with the relevant supporting information.\n\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n \u003cdetails\u003e\n\n \u003csummary\u003e\n What comes with my bath salts?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"omg-focus-accordion-content\"\u003e\n\n Each 250ml product comes in a\n \u003cstrong\u003e\n reusable glass jar with a matching drawstring pouch\n \u003c\/strong\u003e\n for use during your shower ritual.\n\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c!-- CERTIFICATION NOTE --\u003e\n\n \u003cdiv class=\"omg-focus-certification\"\u003e\n\n \u003cstrong\u003e\n Our transparency promise:\n \u003c\/strong\u003e\n\n We only want to make ingredient, sourcing or certification claims that we can support. Product details may be updated as additional verified supplier information becomes available.\n\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- =====================================================\n RITUAL\n===================================================== --\u003e\n\n\u003cdiv class=\"omg-focus-ritual omg-focus-reveal\"\u003e\n\n \u003cdiv style=\"text-align:center;\"\u003e\n\n \u003ch3\u003e\n ⚡ Your Focus Ritual\n \u003c\/h3\u003e\n\n \u003cp class=\"omg-focus-ritual-intro\"\u003e\n Five simple steps to turn your everyday shower into a refreshing moment of focus and reset.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"omg-focus-step\"\u003e\n\n \u003cdiv class=\"omg-focus-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 included drawstring pouch.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"omg-focus-step\"\u003e\n\n \u003cdiv class=\"omg-focus-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 Shower as you normally would and let the warm water begin your refreshing ritual.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"omg-focus-step\"\u003e\n\n \u003cdiv class=\"omg-focus-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 the pouch to your shower head.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"omg-focus-step\"\u003e\n\n \u003cdiv class=\"omg-focus-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 gently over your body.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"omg-focus-step\"\u003e\n\n \u003cdiv class=\"omg-focus-number\"\u003e\n 05\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cstrong\u003e\n Refresh \u0026amp; reset\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Take a breath, enjoy the aroma and step into the rest of your day refreshed.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- =====================================================\n RESET BUTTON\n===================================================== --\u003e\n\n\u003cdiv class=\"omg-focus-highlight omg-focus-reveal\"\u003e\n\n \u003ch3\u003e\n Make Your Shower Your Reset Button\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Before work, before studying, after the gym or whenever you need a moment to reset — make your shower part of your daily ritual.\n \u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- =====================================================\n MADE FOR EVERYONE\n===================================================== --\u003e\n\n\u003cdiv class=\"omg-focus-section omg-focus-reveal\"\u003e\n\n \u003ch3\u003e\n Made For Everyone\n \u003c\/h3\u003e\n\n \u003cp class=\"omg-focus-intro\"\u003e\n Clean, refreshing and easy to add to any routine. Whether you're getting ready for work, preparing for a busy day or simply upgrading your self-care, this blend is designed for anyone.\n \u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- =====================================================\n GIFT\n===================================================== --\u003e\n\n\u003cdiv class=\"omg-focus-gift omg-focus-reveal\"\u003e\n\n \u003cdiv class=\"omg-focus-gift-icon\"\u003e\n 🎁\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cstrong\u003e\n A thoughtful self-care gift\n \u003c\/strong\u003e\n\n \u003cbr\u003e\n\n Comes in a reusable glass jar with a matching drawstring pouch.\n\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- =====================================================\n SAFETY\n===================================================== --\u003e\n\n\u003cdiv class=\"omg-focus-note omg-focus-reveal\"\u003e\n\n \u003cstrong\u003e\n Important:\n \u003c\/strong\u003e\n\n For external use only. Avoid contact with eyes. Discontinue use if irritation occurs. Keep out of reach of children. Essential oils may not be suitable for everyone. Follow the product label and recommended usage instructions.\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c!-- =====================================================\n SCROLL FADE SCRIPT\n===================================================== --\u003e\n\n\u003cscript\u003e\n\n(function(){\n\n var elements = document.querySelectorAll(\n '.omg-focus-salts .omg-focus-reveal'\n );\n\n if(!('IntersectionObserver' in window)){\n\n elements.forEach(function(el){\n\n el.classList.add(\n 'omg-focus-visible'\n );\n\n });\n\n return;\n\n }\n\n\n var observer = new IntersectionObserver(\n\n function(entries){\n\n entries.forEach(function(entry){\n\n if(entry.isIntersecting){\n\n entry.target.classList.add(\n 'omg-focus-visible'\n );\n\n observer.unobserve(\n entry.target\n );\n\n }\n\n });\n\n },\n\n {\n threshold:0.12,\n rootMargin:'0px 0px -40px 0px'\n }\n\n );\n\n\n elements.forEach(function(el){\n\n observer.observe(el);\n\n });\n\n})();\n\n\u003c\/script\u003e","brand":"OMG Find","offers":[{"title":"Yellow","offer_id":48048378740899,"sku":"Focus - Yellow Concentration Shower Bath Salts 250ml","price":350.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0732\/3097\/5139\/files\/yellow-focus-concentration-bath-salt.png?v=1788120078"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0732\/3097\/5139\/collections\/mind-and-ease-essentials-page.png?v=1787948394","url":"https:\/\/omgfind.store\/collections\/mind-ease.oembed","provider":"OMG Find","version":"1.0","type":"link"}