{"title":"Home page","description":null,"products":[{"product_id":"bluetooth-audio-band","title":"Bluetooth Audio Band | Sleep \u0026 Fitness","description":"\u003cstyle\u003e\n\/* =========================================================\n DUSK TO DAWN โ€” BLUETOOTH AUDIO BAND\n========================================================= *\/\n\n.dtd-audio,\n.dtd-audio * {\n box-sizing: border-box;\n}\n\n.dtd-audio {\n --plum: #38283D;\n --deep: #211824;\n --purple: #735B7D;\n --lavender: #CFC0D7;\n --rose: #C99FA9;\n --cream: #FAF5EF;\n\n position: relative;\n width: 100%;\n overflow: hidden;\n padding: 82px 22px;\n border-radius: 30px;\n\n background:\n radial-gradient(circle at 10% 5%, rgba(201,159,169,.22), transparent 30%),\n radial-gradient(circle at 90% 75%, rgba(115,91,125,.28), transparent 32%),\n linear-gradient(145deg, #211824, #38283D 55%, #2A1D2E);\n\n color: #fff;\n font-family: inherit;\n isolation: isolate;\n}\n\n.dtd-audio::before {\n content: \"\";\n position: absolute;\n width: 400px;\n height: 400px;\n right: -170px;\n top: -170px;\n border-radius: 50%;\n background: rgba(207,192,215,.18);\n filter: blur(80px);\n animation: dtdGlow 11s ease-in-out infinite;\n pointer-events: none;\n z-index: -1;\n}\n\n.dtd-wrap {\n width: 100%;\n max-width: 1120px;\n margin: 0 auto;\n}\n\n\n\/* HERO *\/\n\n.dtd-top {\n max-width: 850px;\n margin: 0 auto;\n text-align: center;\n}\n\n.dtd-eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 8px 15px;\n margin-bottom: 23px;\n border: 1px solid rgba(255,255,255,.16);\n border-radius: 999px;\n background: rgba(255,255,255,.06);\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 1.8px;\n text-transform: uppercase;\n animation: dtdFade .7s ease both;\n}\n\n.dtd-dot {\n width: 7px;\n height: 7px;\n border-radius: 50%;\n background: #D8BCC5;\n box-shadow:\n 0 0 8px rgba(216,188,197,.8),\n 0 0 18px rgba(216,188,197,.45);\n}\n\n.dtd-title {\n margin: 0;\n font-size: clamp(43px, 7vw, 76px);\n font-weight: 700;\n line-height: .98;\n letter-spacing: -3px;\n animation: dtdFade .8s .08s ease both;\n}\n\n.dtd-title span {\n display: block;\n padding-bottom: 5px;\n\n background:\n linear-gradient(\n 100deg,\n #FFFFFF,\n #EADCE3,\n #C9B2D2,\n #FFFFFF\n );\n\n background-size: 220% auto;\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n\n animation: dtdShimmer 7s linear infinite;\n}\n\n\n\/* MAIN MESSAGE *\/\n\n.dtd-problem {\n max-width: 650px;\n margin: 28px auto 0;\n font-size: clamp(20px, 3vw, 28px);\n font-weight: 550;\n line-height: 1.35;\n color: #F8F1F4;\n animation: dtdFade .8s .16s ease both;\n}\n\n.dtd-problem span {\n color: #DFC4CE;\n}\n\n.dtd-copy {\n max-width: 670px;\n margin: 17px auto 0;\n color: rgba(255,255,255,.68);\n font-size: 15px;\n line-height: 1.7;\n animation: dtdFade .8s .22s ease both;\n}\n\n\n\/* COMPARISON *\/\n\n.dtd-comparison {\n display: grid;\n grid-template-columns: 1fr auto 1fr;\n align-items: stretch;\n gap: 13px;\n max-width: 790px;\n margin: 37px auto 0;\n}\n\n.dtd-compare-card {\n padding: 24px 20px;\n border: 1px solid rgba(255,255,255,.10);\n border-radius: 20px;\n background: rgba(255,255,255,.055);\n text-align: left;\n}\n\n.dtd-compare-card.featured {\n border-color: rgba(223,196,206,.24);\n\n background:\n linear-gradient(\n 145deg,\n rgba(201,159,169,.15),\n rgba(255,255,255,.06)\n );\n\n box-shadow: 0 18px 40px rgba(0,0,0,.10);\n}\n\n.dtd-compare-icon {\n display: grid;\n place-items: center;\n width: 43px;\n height: 43px;\n margin-bottom: 14px;\n border-radius: 13px;\n background: rgba(255,255,255,.08);\n font-size: 20px;\n}\n\n.dtd-compare-label {\n margin-bottom: 5px;\n color: rgba(255,255,255,.48);\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 1.4px;\n text-transform: uppercase;\n}\n\n.dtd-compare-card h3 {\n margin: 0 0 8px;\n color: #FFFFFF;\n font-size: 17px;\n line-height: 1.3;\n}\n\n.dtd-compare-card p {\n margin: 0;\n color: rgba(255,255,255,.63);\n font-size: 13.5px;\n line-height: 1.6;\n}\n\n.dtd-vs {\n display: flex;\n align-items: center;\n justify-content: center;\n color: rgba(255,255,255,.38);\n font-size: 11px;\n font-weight: 800;\n letter-spacing: 1px;\n}\n\n\n\/* DAY TO NIGHT *\/\n\n.dtd-routine {\n max-width: 820px;\n margin: 42px auto 0;\n padding: 22px 25px;\n border: 1px solid rgba(255,255,255,.10);\n border-radius: 21px;\n background: rgba(255,255,255,.045);\n}\n\n.dtd-routine-icons {\n display: flex;\n justify-content: space-between;\n font-size: 21px;\n}\n\n.dtd-routine-line {\n position: relative;\n height: 2px;\n margin: 13px 0 16px;\n overflow: hidden;\n border-radius: 20px;\n background: rgba(255,255,255,.11);\n}\n\n.dtd-routine-line::after {\n content: \"\";\n position: absolute;\n top: 0;\n width: 38%;\n height: 100%;\n\n background:\n linear-gradient(\n 90deg,\n transparent,\n #C99FA9,\n #FFFFFF,\n transparent\n );\n\n animation: dtdTravel 5s ease-in-out infinite;\n}\n\n.dtd-routine p {\n margin: 0;\n text-align: center;\n color: rgba(255,255,255,.78);\n font-size: 15px;\n line-height: 1.55;\n}\n\n.dtd-routine strong {\n color: #FFFFFF;\n}\n\n\n\/* BENEFITS *\/\n\n.dtd-heading {\n margin: 70px 0 8px;\n text-align: center;\n font-size: clamp(28px,4vw,39px);\n font-weight: 700;\n letter-spacing: -1px;\n}\n\n.dtd-subheading {\n max-width: 520px;\n margin: 0 auto 31px;\n text-align: center;\n color: rgba(255,255,255,.60);\n font-size: 14px;\n line-height: 1.65;\n}\n\n.dtd-benefits {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 13px;\n}\n\n.dtd-card {\n position: relative;\n padding: 25px 22px;\n border: 1px solid rgba(255,255,255,.09);\n border-radius: 20px;\n\n background:\n linear-gradient(\n 145deg,\n rgba(255,255,255,.075),\n rgba(255,255,255,.03)\n );\n\n transition:\n transform .35s ease,\n border-color .35s ease,\n background .35s ease;\n}\n\n.dtd-card-icon {\n display: grid;\n place-items: center;\n width: 47px;\n height: 47px;\n margin-bottom: 16px;\n border-radius: 14px;\n background: rgba(255,255,255,.08);\n font-size: 22px;\n}\n\n.dtd-card h3 {\n margin: 0 0 7px;\n color: #FFFFFF;\n font-size: 16px;\n font-weight: 650;\n}\n\n.dtd-card p {\n margin: 0;\n color: rgba(255,255,255,.62);\n font-size: 13.5px;\n line-height: 1.6;\n}\n\n@media (hover:hover) {\n\n .dtd-card:hover {\n transform: translateY(-6px);\n border-color: rgba(255,255,255,.20);\n\n background:\n linear-gradient(\n 145deg,\n rgba(255,255,255,.10),\n rgba(255,255,255,.045)\n );\n }\n}\n\n\n\/* FINAL *\/\n\n.dtd-final {\n position: relative;\n margin-top: 50px;\n padding: 42px 25px;\n overflow: hidden;\n text-align: center;\n border: 1px solid rgba(255,255,255,.11);\n border-radius: 24px;\n\n background:\n linear-gradient(\n 120deg,\n rgba(201,159,169,.15),\n rgba(255,255,255,.05),\n rgba(115,91,125,.14)\n );\n}\n\n.dtd-final h2 {\n max-width: 650px;\n margin: 0 auto 10px;\n font-size: clamp(27px,4vw,38px);\n line-height: 1.2;\n letter-spacing: -1px;\n}\n\n.dtd-final p {\n max-width: 530px;\n margin: 0 auto;\n color: rgba(255,255,255,.66);\n font-size: 14px;\n line-height: 1.65;\n}\n\n.dtd-trust {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 10px 22px;\n margin-top: 23px;\n color: rgba(255,255,255,.73);\n font-size: 12px;\n}\n\n.dtd-trust span {\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n.dtd-check {\n color: #E3C8D1;\n}\n\n\n\/* ANIMATIONS *\/\n\n@keyframes dtdFade {\n\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 dtdShimmer {\n\n 0% {\n background-position: 200% center;\n }\n\n 100% {\n background-position: -200% center;\n }\n}\n\n@keyframes dtdTravel {\n\n from {\n transform: translateX(-120%);\n }\n\n to {\n transform: translateX(300%);\n }\n}\n\n@keyframes dtdGlow {\n\n 0%,\n 100% {\n transform: translate(0,0);\n }\n\n 50% {\n transform: translate(-40px,45px);\n }\n}\n\n\n\/* TABLET *\/\n\n@media (max-width: 850px) {\n\n .dtd-audio {\n padding: 65px 19px;\n }\n\n .dtd-benefits {\n grid-template-columns: repeat(2,1fr);\n }\n}\n\n\n\/* MOBILE *\/\n\n@media (max-width: 600px) {\n\n .dtd-audio {\n padding: 48px 14px 42px;\n border-radius: 20px;\n\n background:\n radial-gradient(\n circle at 50% 0%,\n rgba(201,159,169,.17),\n transparent 27%\n ),\n linear-gradient(\n 160deg,\n #211824,\n #38283D 58%,\n #281C2C\n );\n }\n\n .dtd-audio::before {\n width: 230px;\n height: 230px;\n filter: blur(55px);\n }\n\n .dtd-eyebrow {\n margin-bottom: 18px;\n font-size: 9px;\n }\n\n .dtd-title {\n font-size: clamp(38px,12vw,54px);\n letter-spacing: -1.8px;\n }\n\n .dtd-problem {\n max-width: 340px;\n margin-top: 21px;\n font-size: 20px;\n }\n\n .dtd-copy {\n max-width: 345px;\n margin-top: 14px;\n font-size: 13.5px;\n line-height: 1.65;\n }\n\n .dtd-comparison {\n grid-template-columns: 1fr;\n max-width: 350px;\n margin-top: 29px;\n gap: 9px;\n }\n\n .dtd-compare-card {\n padding: 19px 18px;\n border-radius: 17px;\n }\n\n .dtd-compare-icon {\n width: 41px;\n height: 41px;\n margin-bottom: 12px;\n }\n\n .dtd-compare-card h3 {\n font-size: 15px;\n }\n\n .dtd-compare-card p {\n font-size: 13px;\n }\n\n .dtd-vs {\n height: 18px;\n }\n\n .dtd-routine {\n margin-top: 30px;\n padding: 18px 16px;\n border-radius: 17px;\n }\n\n .dtd-routine p {\n font-size: 13.5px;\n }\n\n .dtd-heading {\n margin-top: 52px;\n font-size: 27px;\n }\n\n .dtd-subheading {\n max-width: 320px;\n margin-bottom: 23px;\n font-size: 13.5px;\n }\n\n .dtd-benefits {\n grid-template-columns: 1fr;\n gap: 10px;\n }\n\n .dtd-card {\n padding: 20px 18px;\n border-radius: 17px;\n }\n\n .dtd-card-icon {\n width: 43px;\n height: 43px;\n margin-bottom: 13px;\n font-size: 20px;\n }\n\n .dtd-card h3 {\n font-size: 15.5px;\n }\n\n .dtd-card p {\n font-size: 13px;\n }\n\n .dtd-final {\n margin-top: 35px;\n padding: 30px 17px;\n border-radius: 19px;\n }\n\n .dtd-final h2 {\n max-width: 320px;\n font-size: 25px;\n }\n\n .dtd-final p {\n max-width: 310px;\n font-size: 13.5px;\n }\n\n .dtd-trust {\n flex-direction: column;\n align-items: center;\n gap: 8px;\n font-size: 12px;\n }\n}\n\n\n\/* ACCESSIBILITY *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n .dtd-audio *,\n .dtd-audio::before {\n animation: none !important;\n transition: none !important;\n }\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"dtd-audio\"\u003e\n\n \u003cdiv class=\"dtd-wrap\"\u003e\n\n\n \u003c!-- HERO --\u003e\n\n \u003cdiv class=\"dtd-top\"\u003e\n\n \u003cdiv class=\"dtd-eyebrow\"\u003e\n \u003cspan class=\"dtd-dot\"\u003e\u003c\/span\u003e\n Dusk to Dawn Essential\n \u003c\/div\u003e\n\n \u003ch2 class=\"dtd-title\"\u003e\n Bluetooth\n \u003cspan\u003eAudio Band\u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cdiv class=\"dtd-problem\"\u003e\n Love listening in bed,\n \u003cspan\u003ebut not earbuds in your ears?\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"dtd-copy\"\u003e\n Meet a softer way to listen.\n The \u003cstrong\u003eDusk to Dawn Bluetooth Audio Band\u003c\/strong\u003e\n combines comfortable headband wear with wireless audio\n for bedtime, running, travelling and everyday listening.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- EARBUD VS AUDIO BAND --\u003e\n\n \u003cdiv class=\"dtd-comparison\"\u003e\n\n \u003cdiv class=\"dtd-compare-card\"\u003e\n\n \u003cdiv class=\"dtd-compare-icon\"\u003e\n ๐ŸŽง\n \u003c\/div\u003e\n\n \u003cdiv class=\"dtd-compare-label\"\u003e\n Traditional earbuds\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Not always made for lying down.\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Earbuds sitting in your ears can become uncomfortable\n when you're trying to relax in bed.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"dtd-vs\"\u003e\n VS\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"dtd-compare-card featured\"\u003e\n\n \u003cdiv class=\"dtd-compare-icon\"\u003e\n ๐ŸŒ™\n \u003c\/div\u003e\n\n \u003cdiv class=\"dtd-compare-label\"\u003e\n Dusk to Dawn\n \u003c\/div\u003e\n\n \u003ch3\u003e\n A softer way to listen.\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Enjoy your audio through discreet built-in speakers\n without traditional earbuds sitting inside your ears.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- DAY TO NIGHT --\u003e\n\n \u003cdiv class=\"dtd-routine\"\u003e\n\n \u003cdiv class=\"dtd-routine-icons\"\u003e\n \u003cspan\u003eโ˜€๏ธ\u003c\/span\u003e\n \u003cspan\u003e๐ŸŒ™\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"dtd-routine-line\"\u003e\u003c\/div\u003e\n\n \u003cp\u003e\n \u003cstrong\u003eMorning movement.\u003c\/strong\u003e\n Music on the go.\n Travel.\n Relaxation.\n \u003cstrong\u003eNighttime wind-down.\u003c\/strong\u003e\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- BENEFITS --\u003e\n\n \u003ch2 class=\"dtd-heading\"\u003e\n One band. More ways to listen.\n \u003c\/h2\u003e\n\n \u003cp class=\"dtd-subheading\"\u003e\n Designed around the moments that make up your day โ€”\n and your night.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"dtd-benefits\"\u003e\n\n\n \u003c!-- BEDTIME --\u003e\n\n \u003cdiv class=\"dtd-card\"\u003e\n\n \u003cdiv class=\"dtd-card-icon\"\u003e\n ๐Ÿ˜ด\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Bedtime Comfort\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Listen while winding down without traditional earbuds\n sitting inside your ears.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- MADE TO MOVE --\u003e\n\n \u003cdiv class=\"dtd-card\"\u003e\n\n \u003cdiv class=\"dtd-card-icon\"\u003e\n ๐Ÿƒ\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Made to Move\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Bring your playlists and podcasts along for walks,\n runs and workouts.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- LESS BULK --\u003e\n\n \u003cdiv class=\"dtd-card\"\u003e\n\n \u003cdiv class=\"dtd-card-icon\"\u003e\n ๐ŸŽง\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Less Bulk\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Built-in discreet speakers give you another way to\n listen without bulky over-ear headphones.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- TRAVEL --\u003e\n\n \u003cdiv class=\"dtd-card\"\u003e\n\n \u003cdiv class=\"dtd-card-icon\"\u003e\n โœˆ๏ธ\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Travel Ready\n \u003c\/h3\u003e\n\n \u003cp\u003e\n An easy listening companion for flights, road trips\n and quiet moments away.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- WIRELESS --\u003e\n\n \u003cdiv class=\"dtd-card\"\u003e\n\n \u003cdiv class=\"dtd-card-icon\"\u003e\n ๐ŸŽต\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Wireless Listening\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Enjoy music, podcasts and relaxing audio without\n being tied down by wires.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- DAY TO NIGHT --\u003e\n\n \u003cdiv class=\"dtd-card\"\u003e\n\n \u003cdiv class=\"dtd-card-icon\"\u003e\n โœจ\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Dusk to Dawn\n \u003c\/h3\u003e\n\n \u003cp\u003e\n One everyday audio accessory for active mornings,\n slower evenings and everything between.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- FINAL --\u003e\n\n \u003cdiv class=\"dtd-final\"\u003e\n\n \u003ch2\u003e\n Your sound, from morning to midnight.\n \u003c\/h2\u003e\n\n \u003cp\u003e\n Less bulk. More comfort. One simple way to keep\n your favourite audio close throughout your day.\n \u003c\/p\u003e\n\n \u003cdiv class=\"dtd-trust\"\u003e\n\n \u003cspan\u003e\n \u003cb class=\"dtd-check\"\u003eโœ“\u003c\/b\u003e\n Soft \u0026amp; lightweight\n \u003c\/span\u003e\n\n \u003cspan\u003e\n \u003cb class=\"dtd-check\"\u003eโœ“\u003c\/b\u003e\n Wireless audio\n \u003c\/span\u003e\n\n \u003cspan\u003e\n \u003cb class=\"dtd-check\"\u003eโœ“\u003c\/b\u003e\n Day + night use\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e","brand":"Dusk to Dawn Beauty","offers":[{"title":"Default Title","offer_id":62791576453201,"sku":null,"price":599.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1079\/4621\/3457\/files\/97eb0109-b71a-46bd-a68a-9f55109977c4.png?v=1790975109"},{"product_id":"glowmask-7-colour-led-facial-mask","title":"GlowMask | 7-Colour LED Facial Mask","description":"\u003cstyle\u003e\n\/* =========================================================\n DUSK TO DAWN BEAUTY\n 7-COLOUR LED FACIAL MASK โ€” SHOPIFY SAFE VERSION\n========================================================= *\/\n\n.dtd-led-mask,\n.dtd-led-mask * {\n box-sizing: border-box;\n}\n\n.dtd-led-mask {\n --plum: #38283D;\n --deep: #211824;\n --purple: #735B7D;\n --lavender: #CFC0D7;\n --rose: #C99FA9;\n --cream: #FAF5EF;\n\n position: relative;\n width: 100%;\n overflow: hidden;\n\n padding: 82px 22px;\n border-radius: 30px;\n\n background:\n radial-gradient(circle at 10% 5%, rgba(201,159,169,.22), transparent 30%),\n radial-gradient(circle at 90% 75%, rgba(115,91,125,.28), transparent 32%),\n linear-gradient(145deg,#211824,#38283D 55%,#2A1D2E);\n\n color: #FFFFFF;\n font-family: inherit;\n}\n\n.dtd-led-mask::before {\n content: \"\";\n position: absolute;\n\n width: 420px;\n height: 420px;\n\n right: -190px;\n top: -170px;\n\n border-radius: 50%;\n\n background: rgba(207,192,215,.18);\n\n filter: blur(80px);\n\n pointer-events: none;\n\n animation: dtd-led-glow 11s ease-in-out infinite;\n}\n\n.dtd-led-wrap {\n position: relative;\n z-index: 2;\n\n width: 100%;\n max-width: 1120px;\n\n margin: 0 auto;\n}\n\n\n\/* =========================================================\n HERO\n========================================================= *\/\n\n.dtd-led-hero {\n max-width: 850px;\n margin: 0 auto;\n\n text-align: center;\n}\n\n.dtd-led-eyebrow {\n display: inline-flex;\n align-items: center;\n\n gap: 8px;\n\n padding: 8px 15px;\n margin-bottom: 23px;\n\n border: 1px solid rgba(255,255,255,.16);\n border-radius: 999px;\n\n background: rgba(255,255,255,.06);\n\n font-size: 10px;\n font-weight: 700;\n\n letter-spacing: 1.8px;\n text-transform: uppercase;\n\n animation: dtd-led-fade .7s ease both;\n}\n\n.dtd-led-dot {\n width: 7px;\n height: 7px;\n\n border-radius: 50%;\n\n background: #D8BCC5;\n\n box-shadow:\n 0 0 8px rgba(216,188,197,.8),\n 0 0 18px rgba(216,188,197,.45);\n}\n\n.dtd-led-title {\n margin: 0;\n\n font-size: clamp(43px,7vw,76px);\n\n font-weight: 700;\n line-height: .98;\n\n letter-spacing: -3px;\n\n animation: dtd-led-fade .8s .08s ease both;\n}\n\n.dtd-led-title span {\n display: block;\n\n padding-bottom: 5px;\n\n background:\n linear-gradient(\n 100deg,\n #FFFFFF,\n #EADCE3,\n #C9B2D2,\n #FFFFFF\n );\n\n background-size: 220% auto;\n\n -webkit-background-clip: text;\n background-clip: text;\n\n color: transparent;\n\n animation: dtd-led-shimmer 7s linear infinite;\n}\n\n.dtd-led-hook {\n max-width: 680px;\n\n margin: 28px auto 0;\n\n font-size: clamp(20px,3vw,28px);\n\n font-weight: 550;\n line-height: 1.35;\n\n color: #F8F1F4;\n\n animation: dtd-led-fade .8s .16s ease both;\n}\n\n.dtd-led-hook span {\n color: #DFC4CE;\n}\n\n.dtd-led-copy {\n max-width: 670px;\n\n margin: 17px auto 0;\n\n color: rgba(255,255,255,.68);\n\n font-size: 15px;\n line-height: 1.7;\n\n animation: dtd-led-fade .8s .22s ease both;\n}\n\n\n\/* =========================================================\n QUICK BENEFITS\n========================================================= *\/\n\n.dtd-led-pills {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n\n gap: 9px;\n\n margin: 27px auto 0;\n}\n\n.dtd-led-pill {\n padding: 9px 14px;\n\n border: 1px solid rgba(255,255,255,.11);\n border-radius: 999px;\n\n background: rgba(255,255,255,.055);\n\n color: rgba(255,255,255,.78);\n\n font-size: 11.5px;\n}\n\n\n\/* =========================================================\n DAY โ†’ NIGHT\n========================================================= *\/\n\n.dtd-led-routine {\n max-width: 820px;\n\n margin: 42px auto 0;\n\n padding: 22px 25px;\n\n border: 1px solid rgba(255,255,255,.10);\n\n border-radius: 21px;\n\n background: rgba(255,255,255,.045);\n}\n\n.dtd-led-routine-icons {\n display: flex;\n justify-content: space-between;\n\n font-size: 21px;\n}\n\n.dtd-led-routine-line {\n position: relative;\n\n height: 2px;\n\n margin: 13px 0 16px;\n\n overflow: hidden;\n\n border-radius: 20px;\n\n background: rgba(255,255,255,.11);\n}\n\n.dtd-led-routine-line::after {\n content: \"\";\n\n position: absolute;\n\n top: 0;\n\n width: 38%;\n height: 100%;\n\n background:\n linear-gradient(\n 90deg,\n transparent,\n #C99FA9,\n #FFFFFF,\n transparent\n );\n\n animation: dtd-led-travel 5s ease-in-out infinite;\n}\n\n.dtd-led-routine p {\n margin: 0;\n\n text-align: center;\n\n color: rgba(255,255,255,.76);\n\n font-size: 14px;\n\n line-height: 1.6;\n}\n\n.dtd-led-routine strong {\n color: #FFFFFF;\n}\n\n\n\/* =========================================================\n HEADINGS\n========================================================= *\/\n\n.dtd-led-heading {\n margin: 70px 0 8px;\n\n text-align: center;\n\n font-size: clamp(28px,4vw,39px);\n\n font-weight: 700;\n\n letter-spacing: -1px;\n}\n\n.dtd-led-subheading {\n max-width: 550px;\n\n margin: 0 auto 31px;\n\n text-align: center;\n\n color: rgba(255,255,255,.60);\n\n font-size: 14px;\n\n line-height: 1.65;\n}\n\n\n\/* =========================================================\n COLOUR SELECTOR\n NO JAVASCRIPT REQUIRED\n========================================================= *\/\n\n.dtd-led-selector {\n max-width: 900px;\n\n margin: 0 auto;\n\n padding: 38px 28px;\n\n border: 1px solid rgba(255,255,255,.11);\n\n border-radius: 25px;\n\n background:\n linear-gradient(\n 145deg,\n rgba(255,255,255,.075),\n rgba(255,255,255,.03)\n );\n\n box-shadow:\n 0 22px 50px rgba(0,0,0,.10);\n}\n\n\n\/* hide radio buttons *\/\n\n.dtd-led-selector input[type=\"radio\"] {\n position: absolute;\n\n opacity: 0;\n\n pointer-events: none;\n}\n\n\n\/* selector intro *\/\n\n.dtd-led-selector-small {\n text-align: center;\n\n color: #DFC4CE;\n\n font-size: 10px;\n\n font-weight: 700;\n\n letter-spacing: 1.7px;\n\n text-transform: uppercase;\n}\n\n.dtd-led-selector-title {\n margin: 7px 0 5px;\n\n text-align: center;\n\n color: #FFFFFF;\n\n font-size: 23px;\n}\n\n.dtd-led-selector-copy {\n max-width: 510px;\n\n margin: 0 auto;\n\n text-align: center;\n\n color: rgba(255,255,255,.57);\n\n font-size: 13px;\n\n line-height: 1.6;\n}\n\n\n\/* buttons *\/\n\n.dtd-led-colours {\n display: flex;\n\n justify-content: center;\n\n flex-wrap: wrap;\n\n gap: 14px;\n\n margin: 28px 0;\n}\n\n.dtd-led-colour {\n display: block;\n\n width: 48px;\n height: 48px;\n\n border: 3px solid rgba(255,255,255,.55);\n\n border-radius: 50%;\n\n cursor: pointer;\n\n box-shadow:\n 0 6px 16px rgba(0,0,0,.20),\n inset 0 0 10px rgba(255,255,255,.25);\n\n transition:\n transform .3s ease,\n border-color .3s ease,\n box-shadow .3s ease;\n}\n\n.dtd-led-colour:hover {\n transform:\n translateY(-5px)\n scale(1.08);\n\n border-color: #FFFFFF;\n}\n\n.dtd-led-red {\n background: #E65F69;\n}\n\n.dtd-led-blue {\n background: #5997E5;\n}\n\n.dtd-led-green {\n background: #72B88C;\n}\n\n.dtd-led-yellow {\n background: #E1BF62;\n}\n\n.dtd-led-purple {\n background: #9B72C0;\n}\n\n.dtd-led-cyan {\n background: #69C6CC;\n}\n\n.dtd-led-white {\n background: #F4F1EF;\n}\n\n\n\/* active circles *\/\n\n#dtd-red:checked ~ .dtd-led-colours label[for=\"dtd-red\"],\n#dtd-blue:checked ~ .dtd-led-colours label[for=\"dtd-blue\"],\n#dtd-green:checked ~ .dtd-led-colours label[for=\"dtd-green\"],\n#dtd-yellow:checked ~ .dtd-led-colours label[for=\"dtd-yellow\"],\n#dtd-purple:checked ~ .dtd-led-colours label[for=\"dtd-purple\"],\n#dtd-cyan:checked ~ .dtd-led-colours label[for=\"dtd-cyan\"],\n#dtd-white:checked ~ .dtd-led-colours label[for=\"dtd-white\"] {\n\n transform:\n translateY(-5px)\n scale(1.10);\n\n border-color: #FFFFFF;\n\n box-shadow:\n 0 9px 25px rgba(0,0,0,.25),\n 0 0 0 4px rgba(255,255,255,.08);\n}\n\n\n\/* result area *\/\n\n.dtd-led-results {\n position: relative;\n\n min-height: 190px;\n}\n\n.dtd-led-result {\n display: none;\n\n max-width: 650px;\n\n margin: 0 auto;\n\n padding: 27px 24px;\n\n text-align: center;\n\n border: 1px solid rgba(255,255,255,.10);\n\n border-radius: 20px;\n\n background: rgba(255,255,255,.055);\n\n animation:\n dtd-led-result-in .35s ease both;\n}\n\n.dtd-led-result-icon {\n margin-bottom: 8px;\n\n font-size: 27px;\n}\n\n.dtd-led-result h3 {\n margin: 0 0 8px;\n\n color: #FFFFFF;\n\n font-size: 19px;\n}\n\n.dtd-led-result p {\n max-width: 540px;\n\n margin: 0 auto;\n\n color: rgba(255,255,255,.64);\n\n font-size: 13.5px;\n\n line-height: 1.65;\n}\n\n\n\/* show selected result *\/\n\n#dtd-red:checked ~ .dtd-led-results .dtd-result-red,\n#dtd-blue:checked ~ .dtd-led-results .dtd-result-blue,\n#dtd-green:checked ~ .dtd-led-results .dtd-result-green,\n#dtd-yellow:checked ~ .dtd-led-results .dtd-result-yellow,\n#dtd-purple:checked ~ .dtd-led-results .dtd-result-purple,\n#dtd-cyan:checked ~ .dtd-led-results .dtd-result-cyan,\n#dtd-white:checked ~ .dtd-led-results .dtd-result-white {\n\n display: block;\n}\n\n\n\/* coloured result glow *\/\n\n.dtd-result-red {\n box-shadow:\n inset 0 0 70px rgba(230,95,105,.07);\n}\n\n.dtd-result-blue {\n box-shadow:\n inset 0 0 70px rgba(89,151,229,.09);\n}\n\n.dtd-result-green {\n box-shadow:\n inset 0 0 70px rgba(114,184,140,.08);\n}\n\n.dtd-result-yellow {\n box-shadow:\n inset 0 0 70px rgba(225,191,98,.08);\n}\n\n.dtd-result-purple {\n box-shadow:\n inset 0 0 70px rgba(155,114,192,.10);\n}\n\n.dtd-result-cyan {\n box-shadow:\n inset 0 0 70px rgba(105,198,204,.09);\n}\n\n.dtd-result-white {\n box-shadow:\n inset 0 0 70px rgba(244,241,239,.07);\n}\n\n\n\/* =========================================================\n BENEFIT CARDS\n========================================================= *\/\n\n.dtd-led-benefits {\n display: grid;\n\n grid-template-columns:\n repeat(3,1fr);\n\n gap: 13px;\n}\n\n.dtd-led-card {\n padding: 25px 22px;\n\n border: 1px solid rgba(255,255,255,.09);\n\n border-radius: 20px;\n\n background:\n linear-gradient(\n 145deg,\n rgba(255,255,255,.075),\n rgba(255,255,255,.03)\n );\n\n transition:\n transform .35s ease,\n border-color .35s ease,\n background .35s ease;\n}\n\n.dtd-led-card-icon {\n display: grid;\n\n place-items: center;\n\n width: 47px;\n height: 47px;\n\n margin-bottom: 16px;\n\n border-radius: 14px;\n\n background:\n rgba(255,255,255,.08);\n\n font-size: 22px;\n}\n\n.dtd-led-card h3 {\n margin: 0 0 7px;\n\n color: #FFFFFF;\n\n font-size: 16px;\n\n font-weight: 650;\n}\n\n.dtd-led-card p {\n margin: 0;\n\n color: rgba(255,255,255,.62);\n\n font-size: 13.5px;\n\n line-height: 1.6;\n}\n\n@media (hover:hover) {\n\n .dtd-led-card:hover {\n transform: translateY(-6px);\n\n border-color:\n rgba(255,255,255,.20);\n\n background:\n linear-gradient(\n 145deg,\n rgba(255,255,255,.10),\n rgba(255,255,255,.045)\n );\n }\n}\n\n\n\/* =========================================================\n HOW TO USE\n========================================================= *\/\n\n.dtd-led-steps {\n display: grid;\n\n grid-template-columns:\n repeat(3,1fr);\n\n gap: 13px;\n\n max-width: 900px;\n\n margin: 0 auto;\n}\n\n.dtd-led-step {\n padding: 25px 22px;\n\n border:\n 1px solid rgba(255,255,255,.09);\n\n border-radius: 20px;\n\n background:\n rgba(255,255,255,.045);\n}\n\n.dtd-led-step-number {\n display: grid;\n\n place-items: center;\n\n width: 40px;\n height: 40px;\n\n margin-bottom: 15px;\n\n border-radius: 50%;\n\n background:\n rgba(201,159,169,.16);\n\n color: #F0D8E0;\n\n font-size: 11px;\n\n font-weight: 700;\n}\n\n.dtd-led-step h3 {\n margin: 0 0 7px;\n\n color: #FFFFFF;\n\n font-size: 16px;\n}\n\n.dtd-led-step p {\n margin: 0;\n\n color:\n rgba(255,255,255,.60);\n\n font-size: 13px;\n\n line-height: 1.6;\n}\n\n\n\/* =========================================================\n BRAND STATEMENT\n========================================================= *\/\n\n.dtd-led-statement {\n max-width: 790px;\n\n margin: 68px auto 0;\n\n padding: 42px 25px;\n\n text-align: center;\n\n border-top:\n 1px solid rgba(255,255,255,.08);\n\n border-bottom:\n 1px solid rgba(255,255,255,.08);\n}\n\n.dtd-led-statement-label {\n color: #D9BCC6;\n\n font-size: 10px;\n\n font-weight: 700;\n\n letter-spacing: 2px;\n\n text-transform: uppercase;\n}\n\n.dtd-led-statement h2 {\n max-width: 680px;\n\n margin: 12px auto 0;\n\n font-size:\n clamp(26px,4vw,38px);\n\n line-height: 1.2;\n\n letter-spacing: -1px;\n}\n\n\n\/* =========================================================\n FINAL\n========================================================= *\/\n\n.dtd-led-final {\n position: relative;\n\n margin-top: 50px;\n\n padding: 48px 25px;\n\n overflow: hidden;\n\n text-align: center;\n\n border:\n 1px solid rgba(255,255,255,.11);\n\n border-radius: 24px;\n\n background:\n linear-gradient(\n 120deg,\n rgba(201,159,169,.17),\n rgba(255,255,255,.05),\n rgba(115,91,125,.16)\n );\n}\n\n.dtd-led-final h2 {\n max-width: 650px;\n\n margin: 0 auto 10px;\n\n color: #FFFFFF;\n\n font-size:\n clamp(28px,4vw,40px);\n\n line-height: 1.2;\n\n letter-spacing: -1px;\n}\n\n.dtd-led-final p {\n max-width: 550px;\n\n margin: 0 auto;\n\n color:\n rgba(255,255,255,.66);\n\n font-size: 14px;\n\n line-height: 1.65;\n}\n\n.dtd-led-trust {\n display: flex;\n\n justify-content: center;\n\n flex-wrap: wrap;\n\n gap: 10px 22px;\n\n margin-top: 24px;\n\n color:\n rgba(255,255,255,.72);\n\n font-size: 12px;\n}\n\n.dtd-led-check {\n margin-right: 5px;\n\n color: #E3C8D1;\n}\n\n\n\/* =========================================================\n DISCLAIMER\n========================================================= *\/\n\n.dtd-led-note {\n max-width: 760px;\n\n margin: 28px auto 0;\n\n text-align: center;\n\n color:\n rgba(255,255,255,.35);\n\n font-size: 10px;\n\n line-height: 1.6;\n}\n\n\n\/* =========================================================\n ANIMATIONS\n========================================================= *\/\n\n@keyframes dtd-led-fade {\n\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 dtd-led-shimmer {\n\n 0% {\n background-position:\n 200% center;\n }\n\n 100% {\n background-position:\n -200% center;\n }\n}\n\n@keyframes dtd-led-travel {\n\n from {\n transform:\n translateX(-120%);\n }\n\n to {\n transform:\n translateX(300%);\n }\n}\n\n@keyframes dtd-led-glow {\n\n 0%,\n 100% {\n transform:\n translate(0,0);\n }\n\n 50% {\n transform:\n translate(-40px,45px);\n }\n}\n\n@keyframes dtd-led-result-in {\n\n from {\n opacity: 0;\n transform:\n translateY(8px);\n }\n\n to {\n opacity: 1;\n transform:\n translateY(0);\n }\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media (max-width:850px) {\n\n .dtd-led-mask {\n padding:\n 65px 19px;\n }\n\n .dtd-led-benefits {\n grid-template-columns:\n repeat(2,1fr);\n }\n\n .dtd-led-steps {\n grid-template-columns:\n 1fr;\n }\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media (max-width:600px) {\n\n .dtd-led-mask {\n padding:\n 48px 14px 42px;\n\n border-radius: 20px;\n\n background:\n radial-gradient(\n circle at 50% 0%,\n rgba(201,159,169,.17),\n transparent 27%\n ),\n linear-gradient(\n 160deg,\n #211824,\n #38283D 58%,\n #281C2C\n );\n }\n\n .dtd-led-title {\n font-size:\n clamp(38px,12vw,54px);\n\n letter-spacing:\n -1.8px;\n }\n\n .dtd-led-hook {\n max-width: 340px;\n\n margin-top: 21px;\n\n font-size: 20px;\n }\n\n .dtd-led-copy {\n max-width: 345px;\n\n margin-top: 14px;\n\n font-size: 13.5px;\n\n line-height: 1.65;\n }\n\n .dtd-led-pills {\n max-width: 350px;\n }\n\n .dtd-led-routine {\n margin-top: 30px;\n\n padding:\n 18px 16px;\n\n border-radius: 17px;\n }\n\n .dtd-led-routine p {\n font-size: 13px;\n }\n\n .dtd-led-heading {\n margin-top: 52px;\n\n font-size: 27px;\n }\n\n .dtd-led-subheading {\n max-width: 320px;\n\n margin-bottom: 23px;\n\n font-size: 13.5px;\n }\n\n .dtd-led-selector {\n padding:\n 28px 14px;\n\n border-radius: 19px;\n }\n\n .dtd-led-selector-title {\n font-size: 20px;\n }\n\n .dtd-led-colours {\n gap: 10px;\n\n margin: 23px 0;\n }\n\n .dtd-led-colour {\n width: 41px;\n height: 41px;\n }\n\n .dtd-led-results {\n min-height: 215px;\n }\n\n .dtd-led-result {\n padding:\n 22px 15px;\n\n border-radius: 17px;\n }\n\n .dtd-led-result h3 {\n font-size: 17px;\n }\n\n .dtd-led-result p {\n font-size: 13px;\n }\n\n .dtd-led-benefits {\n grid-template-columns:\n 1fr;\n\n gap: 10px;\n }\n\n .dtd-led-card {\n padding:\n 20px 18px;\n\n border-radius: 17px;\n }\n\n .dtd-led-card-icon {\n width: 43px;\n height: 43px;\n\n margin-bottom: 13px;\n\n font-size: 20px;\n }\n\n .dtd-led-steps {\n gap: 10px;\n }\n\n .dtd-led-step {\n padding:\n 20px 18px;\n\n border-radius: 17px;\n }\n\n .dtd-led-statement {\n margin-top: 50px;\n\n padding:\n 34px 14px;\n }\n\n .dtd-led-final {\n margin-top: 35px;\n\n padding:\n 35px 17px;\n\n border-radius: 19px;\n }\n\n .dtd-led-final h2 {\n max-width: 320px;\n\n font-size: 27px;\n }\n\n .dtd-led-final p {\n max-width: 310px;\n\n font-size: 13.5px;\n }\n\n .dtd-led-trust {\n flex-direction: column;\n\n align-items: center;\n\n gap: 8px;\n\n font-size: 12px;\n }\n}\n\n\n\/* =========================================================\n REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n .dtd-led-mask *,\n .dtd-led-mask::before {\n animation: none !important;\n transition: none !important;\n }\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"dtd-led-mask\"\u003e\n\n \u003cdiv class=\"dtd-led-wrap\"\u003e\n\n\n \u003c!-- =========================================\n HERO\n ========================================== --\u003e\n\n \u003cdiv class=\"dtd-led-hero\"\u003e\n\n \u003cdiv class=\"dtd-led-eyebrow\"\u003e\n\n \u003cspan class=\"dtd-led-dot\"\u003e\u003c\/span\u003e\n\n Dusk to Dawn Essential\n\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"dtd-led-title\"\u003e\n\n 7-Colour LED\n\n \u003cspan\u003e\n Facial Mask\n \u003c\/span\u003e\n\n \u003c\/h2\u003e\n\n\n \u003cdiv class=\"dtd-led-hook\"\u003e\n\n Your skincare routine,\n\n \u003cspan\u003e\n now your favourite part of the day.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cp class=\"dtd-led-copy\"\u003e\n\n Turn everyday skincare into a relaxing\n at-home beauty ritual. Choose from seven\n LED light settings, get comfortable and\n enjoy a little time dedicated completely\n to you.\n\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"dtd-led-pills\"\u003e\n\n \u003cspan class=\"dtd-led-pill\"\u003e\n ๐ŸŒˆ 7 LED Colours\n \u003c\/span\u003e\n\n \u003cspan class=\"dtd-led-pill\"\u003e\n โœจ At-Home Beauty\n \u003c\/span\u003e\n\n \u003cspan class=\"dtd-led-pill\"\u003e\n ๐Ÿ“ฑ Hands-Free\n \u003c\/span\u003e\n\n \u003cspan class=\"dtd-led-pill\"\u003e\n ๐ŸŒ™ Day + Night\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =========================================\n DAY TO NIGHT\n ========================================== --\u003e\n\n \u003cdiv class=\"dtd-led-routine\"\u003e\n\n \u003cdiv class=\"dtd-led-routine-icons\"\u003e\n\n \u003cspan\u003eโ˜€๏ธ\u003c\/span\u003e\n\n \u003cspan\u003e๐ŸŒ™\u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"dtd-led-routine-line\"\u003e\u003c\/div\u003e\n\n\n \u003cp\u003e\n\n \u003cstrong\u003e\n Morning reset.\n \u003c\/strong\u003e\n\n A little afternoon me-time.\n Your favourite show.\n Evening skincare.\n\n \u003cstrong\u003e\n Nighttime wind-down.\n \u003c\/strong\u003e\n\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =========================================\n 7 COLOURS\n ========================================== --\u003e\n\n \u003ch2 class=\"dtd-led-heading\"\u003e\n One mask. Seven ways to glow.\n \u003c\/h2\u003e\n\n\n \u003cp class=\"dtd-led-subheading\"\u003e\n\n Tap a colour to explore how each light\n can fit into your skincare ritual.\n\n \u003c\/p\u003e\n\n\n\n \u003cdiv class=\"dtd-led-selector\"\u003e\n\n\n \u003cdiv class=\"dtd-led-selector-small\"\u003e\n Find Your Light\n \u003c\/div\u003e\n\n\n \u003ch3 class=\"dtd-led-selector-title\"\u003e\n Choose Your Glow\n \u003c\/h3\u003e\n\n\n \u003cp class=\"dtd-led-selector-copy\"\u003e\n\n Seven light settings give you more ways\n to personalise your at-home beauty routine.\n\n \u003c\/p\u003e\n\n\n\n \u003c!-- RADIO CONTROLS --\u003e\n\n \u003cinput type=\"radio\" name=\"dtd-led-colour\" id=\"dtd-red\" checked\u003e\n\n \u003cinput type=\"radio\" name=\"dtd-led-colour\" id=\"dtd-blue\"\u003e\n\n \u003cinput type=\"radio\" name=\"dtd-led-colour\" id=\"dtd-green\"\u003e\n\n \u003cinput type=\"radio\" name=\"dtd-led-colour\" id=\"dtd-yellow\"\u003e\n\n \u003cinput type=\"radio\" name=\"dtd-led-colour\" id=\"dtd-purple\"\u003e\n\n \u003cinput type=\"radio\" name=\"dtd-led-colour\" id=\"dtd-cyan\"\u003e\n\n \u003cinput type=\"radio\" name=\"dtd-led-colour\" id=\"dtd-white\"\u003e\n\n\n\n \u003c!-- COLOUR BUTTONS --\u003e\n\n \u003cdiv class=\"dtd-led-colours\"\u003e\n\n \u003clabel for=\"dtd-red\" class=\"dtd-led-colour dtd-led-red\" title=\"Red\"\u003e\u003c\/label\u003e\n\n\n \u003clabel for=\"dtd-blue\" class=\"dtd-led-colour dtd-led-blue\" title=\"Blue\"\u003e\u003c\/label\u003e\n\n\n \u003clabel for=\"dtd-green\" class=\"dtd-led-colour dtd-led-green\" title=\"Green\"\u003e\u003c\/label\u003e\n\n\n \u003clabel for=\"dtd-yellow\" class=\"dtd-led-colour dtd-led-yellow\" title=\"Yellow\"\u003e\u003c\/label\u003e\n\n\n \u003clabel for=\"dtd-purple\" class=\"dtd-led-colour dtd-led-purple\" title=\"Purple\"\u003e\u003c\/label\u003e\n\n\n \u003clabel for=\"dtd-cyan\" class=\"dtd-led-colour dtd-led-cyan\" title=\"Cyan\"\u003e\u003c\/label\u003e\n\n\n \u003clabel for=\"dtd-white\" class=\"dtd-led-colour dtd-led-white\" title=\"White\"\u003e\u003c\/label\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- RESULTS --\u003e\n\n \u003cdiv class=\"dtd-led-results\"\u003e\n\n\n \u003c!-- RED --\u003e\n\n \u003cdiv class=\"dtd-led-result dtd-result-red\"\u003e\n\n \u003cdiv class=\"dtd-led-result-icon\"\u003e\n ๐Ÿ”ด\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Red โ€ข Rejuvenate\n \u003c\/h3\u003e\n\n \u003cp\u003e\n\n The glow-up favourite. Red light is\n commonly used in skincare routines\n focused on smoother, firmer-looking\n skin and improving the appearance\n of fine lines.\n\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- BLUE --\u003e\n\n \u003cdiv class=\"dtd-led-result dtd-result-blue\"\u003e\n\n \u003cdiv class=\"dtd-led-result-icon\"\u003e\n ๐Ÿ”ต\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Blue โ€ข Clarify\n \u003c\/h3\u003e\n\n \u003cp\u003e\n\n A popular option for blemish-prone\n routines. Blue light is commonly used\n in skincare routines focused on\n acne-associated bacteria and\n clearer-looking skin.\n\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- GREEN --\u003e\n\n \u003cdiv class=\"dtd-led-result dtd-result-green\"\u003e\n\n \u003cdiv class=\"dtd-led-result-icon\"\u003e\n ๐ŸŸข\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Green โ€ข Balance\n \u003c\/h3\u003e\n\n \u003cp\u003e\n\n A calming light setting commonly\n included in beauty routines focused\n on a more balanced and even-looking\n complexion.\n\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- YELLOW --\u003e\n\n \u003cdiv class=\"dtd-led-result dtd-result-yellow\"\u003e\n\n \u003cdiv class=\"dtd-led-result-icon\"\u003e\n ๐ŸŸก\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Yellow โ€ข Brighten\n \u003c\/h3\u003e\n\n \u003cp\u003e\n\n Often included in skincare routines\n focused on dull-looking skin and\n creating a brighter, more\n radiant-looking complexion.\n\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- PURPLE --\u003e\n\n \u003cdiv class=\"dtd-led-result dtd-result-purple\"\u003e\n\n \u003cdiv class=\"dtd-led-result-icon\"\u003e\n ๐ŸŸฃ\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Purple โ€ข Reset\n \u003c\/h3\u003e\n\n \u003cp\u003e\n\n A red-and-blue inspired setting for\n routines focused on blemish-prone\n skin and overall skin appearance.\n\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- CYAN --\u003e\n\n \u003cdiv class=\"dtd-led-result dtd-result-cyan\"\u003e\n\n \u003cdiv class=\"dtd-led-result-icon\"\u003e\n ๐Ÿฉต\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Cyan โ€ข Soothe\n \u003c\/h3\u003e\n\n \u003cp\u003e\n\n A refreshing setting that fits\n naturally into a calm, relaxing\n skincare and self-care routine.\n\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- WHITE --\u003e\n\n \u003cdiv class=\"dtd-led-result dtd-result-white\"\u003e\n\n \u003cdiv class=\"dtd-led-result-icon\"\u003e\n โšช\n \u003c\/div\u003e\n\n \u003ch3\u003e\n White โ€ข Complete\n \u003c\/h3\u003e\n\n \u003cp\u003e\n\n An all-round light setting for\n completing your multi-colour\n LED beauty ritual.\n\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =========================================\n BENEFITS\n ========================================== --\u003e\n\n \u003ch2 class=\"dtd-led-heading\"\u003e\n Make skincare feel like self-care.\n \u003c\/h2\u003e\n\n\n \u003cp class=\"dtd-led-subheading\"\u003e\n\n Designed around the little moments when\n you finally get to slow down and focus\n on you.\n\n \u003c\/p\u003e\n\n\n\n \u003cdiv class=\"dtd-led-benefits\"\u003e\n\n\n \u003cdiv class=\"dtd-led-card\"\u003e\n\n \u003cdiv class=\"dtd-led-card-icon\"\u003e\n ๐ŸŒˆ\n \u003c\/div\u003e\n\n \u003ch3\u003e\n 7 Light Settings\n \u003c\/h3\u003e\n\n \u003cp\u003e\n\n Choose between seven LED colours\n to complement different\n skincare-focused routines.\n\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"dtd-led-card\"\u003e\n\n \u003cdiv class=\"dtd-led-card-icon\"\u003e\n ๐Ÿ \n \u003c\/div\u003e\n\n \u003ch3\u003e\n Beauty From Home\n \u003c\/h3\u003e\n\n \u003cp\u003e\n\n Bring a spa-inspired beauty moment\n into the comfort of your own space.\n\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"dtd-led-card\"\u003e\n\n \u003cdiv class=\"dtd-led-card-icon\"\u003e\n ๐Ÿ“ฑ\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Hands-Free Me-Time\n \u003c\/h3\u003e\n\n \u003cp\u003e\n\n Scroll your phone, watch a show\n or simply relax while enjoying\n your routine.\n\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"dtd-led-card\"\u003e\n\n \u003cdiv class=\"dtd-led-card-icon\"\u003e\n ๐ŸŒ™\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Perfect for Wind-Downs\n \u003c\/h3\u003e\n\n \u003cp\u003e\n\n Turn ordinary evening skincare\n into a calming ritual you can\n actually look forward to.\n\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"dtd-led-card\"\u003e\n\n \u003cdiv class=\"dtd-led-card-icon\"\u003e\n โœจ\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Your Glow Ritual\n \u003c\/h3\u003e\n\n \u003cp\u003e\n\n A simple way to make everyday\n beauty feel a little more special.\n\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"dtd-led-card\"\u003e\n\n \u003cdiv class=\"dtd-led-card-icon\"\u003e\n ๐Ÿ’œ\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Dusk to Dawn\n \u003c\/h3\u003e\n\n \u003cp\u003e\n\n Made for quick daytime self-care,\n slower evenings and everything\n in between.\n\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =========================================\n HOW TO USE\n ========================================== --\u003e\n\n \u003ch2 class=\"dtd-led-heading\"\u003e\n Your ritual. Made simple.\n \u003c\/h2\u003e\n\n\n \u003cp class=\"dtd-led-subheading\"\u003e\n\n Three simple steps between you and\n your next self-care moment.\n\n \u003c\/p\u003e\n\n\n\n \u003cdiv class=\"dtd-led-steps\"\u003e\n\n\n \u003cdiv class=\"dtd-led-step\"\u003e\n\n \u003cdiv class=\"dtd-led-step-number\"\u003e\n 01\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Get Comfortable\n \u003c\/h3\u003e\n\n \u003cp\u003e\n\n Prepare your skin according to your\n usual routine and settle into your\n favourite spot.\n\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"dtd-led-step\"\u003e\n\n \u003cdiv class=\"dtd-led-step-number\"\u003e\n 02\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Choose Your Light\n \u003c\/h3\u003e\n\n \u003cp\u003e\n\n Select your preferred LED setting\n and follow the instructions supplied\n with your mask.\n\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"dtd-led-step\"\u003e\n\n \u003cdiv class=\"dtd-led-step-number\"\u003e\n 03\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Relax \u0026amp; Glow\n \u003c\/h3\u003e\n\n \u003cp\u003e\n\n Sit back, switch off and make the\n moment yours. Self-care doesn't\n need to feel complicated.\n\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =========================================\n BRAND STATEMENT\n ========================================== --\u003e\n\n \u003cdiv class=\"dtd-led-statement\"\u003e\n\n \u003cdiv class=\"dtd-led-statement-label\"\u003e\n Dusk to Dawn Beauty\n \u003c\/div\u003e\n\n \u003ch2\u003e\n\n Skincare isn't just something you do.\n Make it a moment you look forward to.\n\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =========================================\n FINAL\n ========================================== --\u003e\n\n \u003cdiv class=\"dtd-led-final\"\u003e\n\n \u003ch2\u003e\n Your Glow. Your Ritual. Your Time.\n \u003c\/h2\u003e\n\n\n \u003cp\u003e\n\n Seven colours. One effortless beauty\n ritual. From daytime self-care to your\n nighttime wind-down, make a little\n more time for you.\n\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"dtd-led-trust\"\u003e\n\n \u003cspan\u003e\n\n \u003cb class=\"dtd-led-check\"\u003e\n โœ“\n \u003c\/b\u003e\n\n 7 LED colours\n\n \u003c\/span\u003e\n\n\n \u003cspan\u003e\n\n \u003cb class=\"dtd-led-check\"\u003e\n โœ“\n \u003c\/b\u003e\n\n Hands-free use\n\n \u003c\/span\u003e\n\n\n \u003cspan\u003e\n\n \u003cb class=\"dtd-led-check\"\u003e\n โœ“\n \u003c\/b\u003e\n\n At-home beauty\n\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =========================================\n DISCLAIMER\n ========================================== --\u003e\n\n \u003cp class=\"dtd-led-note\"\u003e\n\n LED skincare results vary between individuals\n and different wavelengths have different levels\n of supporting research. This product is intended\n for cosmetic skincare use and is not intended to\n diagnose, treat, cure or prevent any medical\n condition. Always follow the instructions and\n safety guidance supplied with the product.\n\n \u003c\/p\u003e\n\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e","brand":"Dusk to Dawn Beauty","offers":[{"title":"Default Title","offer_id":62803874512977,"sku":null,"price":799.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1079\/4621\/3457\/files\/a2e2512b-e3b7-4564-8193-382ab3726dc4.png?v=1791119762"},{"product_id":"comfort-wrap-wearable-hot-water-bottle","title":"Comfort Wrap | Wearable Hot Water Bottle","description":"\u003cstyle\u003e\n\/* =========================================================\n DUSK TO DAWN BEAUTY\n COMFORT WRAP โ€” PREMIUM SHOPIFY PRODUCT SECTION\n CSS-ONLY \/ CUSTOM LIQUID FRIENDLY\n========================================================= *\/\n\n.dtd-comfort,\n.dtd-comfort * {\n box-sizing: border-box;\n}\n\n.dtd-comfort {\n --plum: #38283D;\n --deep: #211824;\n --purple: #735B7D;\n --lavender: #CFC0D7;\n --rose: #C99FA9;\n --cream: #FAF5EF;\n --gold: #D8C19A;\n --warm: #D89A86;\n\n position: relative;\n width: 100%;\n overflow: hidden;\n\n padding: 82px 22px;\n\n border-radius: 30px;\n\n background:\n radial-gradient(circle at 10% 5%, rgba(201,159,169,.24), transparent 30%),\n radial-gradient(circle at 88% 20%, rgba(216,154,134,.14), transparent 26%),\n radial-gradient(circle at 90% 80%, rgba(115,91,125,.28), transparent 32%),\n linear-gradient(145deg,#211824,#38283D 55%,#2A1D2E);\n\n color: #FFFFFF;\n\n font-family: inherit;\n\n isolation: isolate;\n}\n\n\n\/* AMBIENT GLOWS *\/\n\n.dtd-comfort::before {\n content: \"\";\n\n position: absolute;\n\n width: 430px;\n height: 430px;\n\n right: -170px;\n top: -170px;\n\n border-radius: 50%;\n\n background:\n rgba(216,154,134,.22);\n\n filter: blur(95px);\n\n pointer-events: none;\n\n animation:\n dtdComfortGlowOne\n 11s ease-in-out infinite;\n\n z-index: -1;\n}\n\n.dtd-comfort::after {\n content: \"\";\n\n position: absolute;\n\n width: 360px;\n height: 360px;\n\n left: -190px;\n bottom: 220px;\n\n border-radius: 50%;\n\n background:\n rgba(201,159,169,.18);\n\n filter: blur(95px);\n\n pointer-events: none;\n\n animation:\n dtdComfortGlowTwo\n 13s ease-in-out infinite;\n\n z-index: -1;\n}\n\n\n.dtd-comfort-wrap {\n position: relative;\n z-index: 2;\n\n width: 100%;\n max-width: 1120px;\n\n margin: 0 auto;\n}\n\n\n\/* =========================================================\n HERO\n========================================================= *\/\n\n.dtd-comfort-hero {\n max-width: 880px;\n\n margin: 0 auto;\n\n text-align: center;\n}\n\n\n.dtd-comfort-eyebrow {\n display: inline-flex;\n\n align-items: center;\n\n gap: 8px;\n\n padding: 8px 15px;\n\n margin-bottom: 23px;\n\n border:\n 1px solid rgba(255,255,255,.16);\n\n border-radius: 999px;\n\n background:\n rgba(255,255,255,.06);\n\n font-size: 10px;\n\n font-weight: 700;\n\n letter-spacing: 1.8px;\n\n text-transform: uppercase;\n\n animation:\n dtdComfortFade\n .7s ease both;\n}\n\n\n.dtd-comfort-dot {\n width: 7px;\n height: 7px;\n\n border-radius: 50%;\n\n background: #D8BCC5;\n\n box-shadow:\n 0 0 8px rgba(216,188,197,.8),\n 0 0 18px rgba(216,188,197,.45);\n}\n\n\n.dtd-comfort-title {\n margin: 0;\n\n font-size:\n clamp(44px,7vw,78px);\n\n font-weight: 700;\n\n line-height: .98;\n\n letter-spacing: -3px;\n\n animation:\n dtdComfortFade\n .8s .08s ease both;\n}\n\n\n.dtd-comfort-title span {\n display: block;\n\n padding-bottom: 6px;\n\n background:\n linear-gradient(\n 100deg,\n #FFFFFF,\n #F0DEE4,\n #C9B2D2,\n #E8C8BE,\n #FFFFFF\n );\n\n background-size: 240% auto;\n\n -webkit-background-clip: text;\n background-clip: text;\n\n color: transparent;\n\n animation:\n dtdComfortShimmer\n 7s linear infinite;\n}\n\n\n.dtd-comfort-hook {\n max-width: 720px;\n\n margin: 28px auto 0;\n\n color: #F8F1F4;\n\n font-size:\n clamp(20px,3vw,28px);\n\n font-weight: 550;\n\n line-height: 1.35;\n\n animation:\n dtdComfortFade\n .8s .16s ease both;\n}\n\n\n.dtd-comfort-hook span {\n color: #E4C3CA;\n}\n\n\n.dtd-comfort-copy {\n max-width: 690px;\n\n margin: 17px auto 0;\n\n color:\n rgba(255,255,255,.68);\n\n font-size: 15px;\n\n line-height: 1.7;\n\n animation:\n dtdComfortFade\n .8s .22s ease both;\n}\n\n\n\/* =========================================================\n QUICK BENEFITS\n========================================================= *\/\n\n.dtd-comfort-pills {\n display: flex;\n\n justify-content: center;\n\n flex-wrap: wrap;\n\n gap: 9px;\n\n margin: 28px auto 0;\n\n animation:\n dtdComfortFade\n .8s .28s ease both;\n}\n\n\n.dtd-comfort-pill {\n padding: 9px 14px;\n\n border:\n 1px solid rgba(255,255,255,.11);\n\n border-radius: 999px;\n\n background:\n rgba(255,255,255,.055);\n\n color:\n rgba(255,255,255,.80);\n\n font-size: 11.5px;\n\n transition:\n transform .3s ease,\n background .3s ease,\n border-color .3s ease;\n}\n\n\n.dtd-comfort-pill:hover {\n transform:\n translateY(-3px);\n\n background:\n rgba(255,255,255,.09);\n\n border-color:\n rgba(255,255,255,.18);\n}\n\n\n\/* =========================================================\n DAY TO NIGHT JOURNEY\n========================================================= *\/\n\n.dtd-comfort-journey {\n max-width: 850px;\n\n margin: 42px auto 0;\n\n padding: 24px 26px;\n\n border:\n 1px solid rgba(255,255,255,.10);\n\n border-radius: 22px;\n\n background:\n rgba(255,255,255,.045);\n\n backdrop-filter: blur(12px);\n\n -webkit-backdrop-filter: blur(12px);\n}\n\n\n.dtd-comfort-journey-icons {\n display: flex;\n\n align-items: center;\n\n justify-content: space-between;\n\n gap: 8px;\n\n font-size: 20px;\n}\n\n\n.dtd-comfort-journey-icon {\n display: grid;\n\n place-items: center;\n\n width: 38px;\n height: 38px;\n\n border:\n 1px solid rgba(255,255,255,.08);\n\n border-radius: 50%;\n\n background:\n rgba(255,255,255,.055);\n}\n\n\n.dtd-comfort-line {\n position: relative;\n\n height: 2px;\n\n margin: 13px 0 17px;\n\n overflow: hidden;\n\n border-radius: 20px;\n\n background:\n rgba(255,255,255,.11);\n}\n\n\n.dtd-comfort-line::after {\n content: \"\";\n\n position: absolute;\n\n top: 0;\n left: 0;\n\n width: 34%;\n height: 100%;\n\n background:\n linear-gradient(\n 90deg,\n transparent,\n #C99FA9,\n #E4B3A3,\n #FFFFFF,\n transparent\n );\n\n animation:\n dtdComfortTravel\n 5.5s ease-in-out infinite;\n}\n\n\n.dtd-comfort-journey p {\n margin: 0;\n\n text-align: center;\n\n color:\n rgba(255,255,255,.74);\n\n font-size: 13.5px;\n\n line-height: 1.65;\n}\n\n\n.dtd-comfort-journey strong {\n color: #FFFFFF;\n}\n\n\n\/* =========================================================\n SECTION HEADINGS\n========================================================= *\/\n\n.dtd-comfort-heading {\n margin: 72px 0 8px;\n\n text-align: center;\n\n color: #FFFFFF;\n\n font-size:\n clamp(28px,4vw,40px);\n\n font-weight: 700;\n\n letter-spacing: -1px;\n}\n\n\n.dtd-comfort-subheading {\n max-width: 590px;\n\n margin: 0 auto 31px;\n\n text-align: center;\n\n color:\n rgba(255,255,255,.60);\n\n font-size: 14px;\n\n line-height: 1.65;\n}\n\n\n\/* =========================================================\n FEATURED PERIOD COMFORT PANEL\n========================================================= *\/\n\n.dtd-period-panel {\n position: relative;\n\n max-width: 920px;\n\n margin: 0 auto;\n\n padding: 42px 34px;\n\n overflow: hidden;\n\n border:\n 1px solid rgba(255,255,255,.12);\n\n border-radius: 26px;\n\n background:\n linear-gradient(\n 135deg,\n rgba(201,159,169,.14),\n rgba(255,255,255,.055),\n rgba(216,154,134,.09)\n );\n\n box-shadow:\n 0 24px 60px rgba(0,0,0,.12);\n}\n\n\n.dtd-period-panel::before {\n content: \"\";\n\n position: absolute;\n\n width: 270px;\n height: 270px;\n\n right: -100px;\n top: -130px;\n\n border-radius: 50%;\n\n background:\n rgba(201,159,169,.22);\n\n filter: blur(75px);\n\n pointer-events: none;\n}\n\n\n.dtd-period-panel::after {\n content: \"\";\n\n position: absolute;\n\n width: 220px;\n height: 220px;\n\n left: -120px;\n bottom: -130px;\n\n border-radius: 50%;\n\n background:\n rgba(216,154,134,.16);\n\n filter: blur(70px);\n\n pointer-events: none;\n}\n\n\n.dtd-period-content {\n position: relative;\n\n z-index: 2;\n\n max-width: 680px;\n\n margin: 0 auto;\n\n text-align: center;\n}\n\n\n.dtd-period-icon {\n display: grid;\n\n place-items: center;\n\n width: 60px;\n height: 60px;\n\n margin: 0 auto 18px;\n\n border:\n 1px solid rgba(255,255,255,.12);\n\n border-radius: 18px;\n\n background:\n rgba(255,255,255,.075);\n\n font-size: 28px;\n\n animation:\n dtdComfortFloat\n 4s ease-in-out infinite;\n}\n\n\n.dtd-period-label {\n color: #E4C3CA;\n\n font-size: 10px;\n\n font-weight: 700;\n\n letter-spacing: 1.8px;\n\n text-transform: uppercase;\n}\n\n\n.dtd-period-panel h3 {\n margin: 8px 0 12px;\n\n color: #FFFFFF;\n\n font-size:\n clamp(24px,4vw,34px);\n\n line-height: 1.2;\n\n letter-spacing: -.6px;\n}\n\n\n.dtd-period-panel p {\n max-width: 600px;\n\n margin: 0 auto;\n\n color:\n rgba(255,255,255,.67);\n\n font-size: 14px;\n\n line-height: 1.7;\n}\n\n\n.dtd-period-note {\n display: inline-block;\n\n margin-top: 20px;\n\n padding: 9px 14px;\n\n border:\n 1px solid rgba(255,255,255,.09);\n\n border-radius: 999px;\n\n background:\n rgba(255,255,255,.05);\n\n color:\n rgba(255,255,255,.70);\n\n font-size: 11px;\n}\n\n\n\/* =========================================================\n LIFESTYLE MOMENTS\n========================================================= *\/\n\n.dtd-comfort-moments {\n display: grid;\n\n grid-template-columns:\n repeat(4,1fr);\n\n gap: 13px;\n}\n\n\n.dtd-comfort-moment {\n position: relative;\n\n min-height: 235px;\n\n padding: 26px 20px;\n\n overflow: hidden;\n\n border:\n 1px solid rgba(255,255,255,.09);\n\n border-radius: 21px;\n\n background:\n linear-gradient(\n 145deg,\n rgba(255,255,255,.075),\n rgba(255,255,255,.03)\n );\n\n transition:\n transform .35s ease,\n border-color .35s ease,\n background .35s ease;\n}\n\n\n.dtd-comfort-moment::after {\n content: \"\";\n\n position: absolute;\n\n width: 120px;\n height: 120px;\n\n right: -60px;\n bottom: -60px;\n\n border-radius: 50%;\n\n background:\n rgba(201,159,169,.10);\n\n filter: blur(25px);\n\n transition:\n transform .4s ease,\n opacity .4s ease;\n}\n\n\n.dtd-comfort-moment-icon {\n display: grid;\n\n place-items: center;\n\n width: 48px;\n height: 48px;\n\n margin-bottom: 19px;\n\n border-radius: 14px;\n\n background:\n rgba(255,255,255,.08);\n\n font-size: 22px;\n}\n\n\n.dtd-comfort-moment-small {\n margin-bottom: 5px;\n\n color: #DDBFC8;\n\n font-size: 9px;\n\n font-weight: 700;\n\n letter-spacing: 1.5px;\n\n text-transform: uppercase;\n}\n\n\n.dtd-comfort-moment h3 {\n margin: 0 0 8px;\n\n color: #FFFFFF;\n\n font-size: 16px;\n\n line-height: 1.3;\n}\n\n\n.dtd-comfort-moment p {\n margin: 0;\n\n color:\n rgba(255,255,255,.60);\n\n font-size: 13px;\n\n line-height: 1.6;\n}\n\n\n@media (hover:hover) {\n\n .dtd-comfort-moment:hover {\n transform:\n translateY(-7px);\n\n border-color:\n rgba(255,255,255,.19);\n\n background:\n linear-gradient(\n 145deg,\n rgba(255,255,255,.10),\n rgba(255,255,255,.045)\n );\n }\n\n .dtd-comfort-moment:hover::after {\n transform:\n scale(1.35);\n\n opacity: .8;\n }\n}\n\n\n\/* =========================================================\n COMPARISON\n========================================================= *\/\n\n.dtd-comfort-compare {\n display: grid;\n\n grid-template-columns:\n 1fr auto 1fr;\n\n align-items: stretch;\n\n gap: 15px;\n\n max-width: 900px;\n\n margin: 0 auto;\n}\n\n\n.dtd-comfort-compare-card {\n padding: 30px 25px;\n\n border:\n 1px solid rgba(255,255,255,.09);\n\n border-radius: 22px;\n\n background:\n rgba(255,255,255,.04);\n}\n\n\n.dtd-comfort-compare-card.featured {\n border-color:\n rgba(201,159,169,.28);\n\n background:\n linear-gradient(\n 145deg,\n rgba(201,159,169,.15),\n rgba(255,255,255,.045)\n );\n\n box-shadow:\n inset 0 0 50px rgba(201,159,169,.035);\n}\n\n\n.dtd-comfort-compare-icon {\n margin-bottom: 13px;\n\n font-size: 25px;\n}\n\n\n.dtd-comfort-compare-card h3 {\n margin: 0 0 9px;\n\n color: #FFFFFF;\n\n font-size: 18px;\n}\n\n\n.dtd-comfort-compare-card p {\n margin: 0;\n\n color:\n rgba(255,255,255,.61);\n\n font-size: 13.5px;\n\n line-height: 1.65;\n}\n\n\n.dtd-comfort-vs {\n display: grid;\n\n place-items: center;\n\n width: 45px;\n height: 45px;\n\n align-self: center;\n\n border:\n 1px solid rgba(255,255,255,.12);\n\n border-radius: 50%;\n\n background:\n rgba(255,255,255,.065);\n\n color:\n rgba(255,255,255,.65);\n\n font-size: 10px;\n\n font-weight: 700;\n\n letter-spacing: 1px;\n}\n\n\n\/* =========================================================\n BENEFITS\n========================================================= *\/\n\n.dtd-comfort-benefits {\n display: grid;\n\n grid-template-columns:\n repeat(3,1fr);\n\n gap: 13px;\n}\n\n\n.dtd-comfort-card {\n position: relative;\n\n padding: 25px 22px;\n\n overflow: hidden;\n\n border:\n 1px solid rgba(255,255,255,.09);\n\n border-radius: 20px;\n\n background:\n linear-gradient(\n 145deg,\n rgba(255,255,255,.075),\n rgba(255,255,255,.03)\n );\n\n transition:\n transform .35s ease,\n border-color .35s ease,\n background .35s ease;\n}\n\n\n.dtd-comfort-card-icon {\n display: grid;\n\n place-items: center;\n\n width: 47px;\n height: 47px;\n\n margin-bottom: 16px;\n\n border-radius: 14px;\n\n background:\n rgba(255,255,255,.08);\n\n font-size: 22px;\n\n transition:\n transform .35s ease;\n}\n\n\n.dtd-comfort-card h3 {\n margin: 0 0 7px;\n\n color: #FFFFFF;\n\n font-size: 16px;\n\n font-weight: 650;\n}\n\n\n.dtd-comfort-card p {\n margin: 0;\n\n color:\n rgba(255,255,255,.62);\n\n font-size: 13.5px;\n\n line-height: 1.6;\n}\n\n\n@media (hover:hover) {\n\n .dtd-comfort-card:hover {\n transform:\n translateY(-6px);\n\n border-color:\n rgba(255,255,255,.20);\n\n background:\n linear-gradient(\n 145deg,\n rgba(255,255,255,.10),\n rgba(255,255,255,.045)\n );\n }\n\n .dtd-comfort-card:hover\n .dtd-comfort-card-icon {\n transform:\n translateY(-2px)\n scale(1.06);\n }\n}\n\n\n\/* =========================================================\n HOW IT FITS YOUR DAY\n========================================================= *\/\n\n.dtd-comfort-steps {\n display: grid;\n\n grid-template-columns:\n repeat(3,1fr);\n\n gap: 13px;\n\n max-width: 900px;\n\n margin: 0 auto;\n}\n\n\n.dtd-comfort-step {\n padding: 26px 22px;\n\n border:\n 1px solid rgba(255,255,255,.09);\n\n border-radius: 20px;\n\n background:\n rgba(255,255,255,.045);\n}\n\n\n.dtd-comfort-step-number {\n display: grid;\n\n place-items: center;\n\n width: 41px;\n height: 41px;\n\n margin-bottom: 15px;\n\n border-radius: 50%;\n\n background:\n rgba(201,159,169,.16);\n\n color: #F0D8E0;\n\n font-size: 11px;\n\n font-weight: 700;\n}\n\n\n.dtd-comfort-step h3 {\n margin: 0 0 7px;\n\n color: #FFFFFF;\n\n font-size: 16px;\n}\n\n\n.dtd-comfort-step p {\n margin: 0;\n\n color:\n rgba(255,255,255,.60);\n\n font-size: 13px;\n\n line-height: 1.6;\n}\n\n\n\/* =========================================================\n BRAND STATEMENT\n========================================================= *\/\n\n.dtd-comfort-statement {\n max-width: 800px;\n\n margin: 68px auto 0;\n\n padding: 43px 25px;\n\n text-align: center;\n\n border-top:\n 1px solid rgba(255,255,255,.08);\n\n border-bottom:\n 1px solid rgba(255,255,255,.08);\n}\n\n\n.dtd-comfort-statement-small {\n color: #D9BCC6;\n\n font-size: 10px;\n\n font-weight: 700;\n\n letter-spacing: 2px;\n\n text-transform: uppercase;\n}\n\n\n.dtd-comfort-statement h2 {\n max-width: 690px;\n\n margin: 12px auto 0;\n\n color: #FFFFFF;\n\n font-size:\n clamp(26px,4vw,39px);\n\n line-height: 1.2;\n\n letter-spacing: -1px;\n}\n\n\n\/* =========================================================\n FINAL PANEL\n========================================================= *\/\n\n.dtd-comfort-final {\n position: relative;\n\n margin-top: 50px;\n\n padding: 50px 25px;\n\n overflow: hidden;\n\n text-align: center;\n\n border:\n 1px solid rgba(255,255,255,.11);\n\n border-radius: 25px;\n\n background:\n linear-gradient(\n 120deg,\n rgba(201,159,169,.18),\n rgba(255,255,255,.05),\n rgba(216,154,134,.10),\n rgba(115,91,125,.16)\n );\n}\n\n\n.dtd-comfort-final::before {\n content: \"\";\n\n position: absolute;\n\n width: 250px;\n height: 250px;\n\n top: -160px;\n left: 50%;\n\n transform:\n translateX(-50%);\n\n border-radius: 50%;\n\n background:\n #C99FA9;\n\n opacity: .14;\n\n filter: blur(70px);\n\n pointer-events: none;\n}\n\n\n.dtd-comfort-final-icon {\n position: relative;\n\n margin-bottom: 10px;\n\n font-size: 28px;\n\n animation:\n dtdComfortFloat\n 4s ease-in-out infinite;\n}\n\n\n.dtd-comfort-final h2 {\n position: relative;\n\n max-width: 680px;\n\n margin: 0 auto 11px;\n\n color: #FFFFFF;\n\n font-size:\n clamp(29px,4vw,42px);\n\n line-height: 1.2;\n\n letter-spacing: -1px;\n}\n\n\n.dtd-comfort-final p {\n position: relative;\n\n max-width: 570px;\n\n margin: 0 auto;\n\n color:\n rgba(255,255,255,.67);\n\n font-size: 14px;\n\n line-height: 1.7;\n}\n\n\n.dtd-comfort-trust {\n position: relative;\n\n display: flex;\n\n justify-content: center;\n\n flex-wrap: wrap;\n\n gap: 10px 22px;\n\n margin-top: 25px;\n\n color:\n rgba(255,255,255,.74);\n\n font-size: 12px;\n}\n\n\n.dtd-comfort-check {\n margin-right: 5px;\n\n color: #E3C8D1;\n}\n\n\n\/* =========================================================\n SAFETY NOTE\n========================================================= *\/\n\n.dtd-comfort-note {\n max-width: 780px;\n\n margin: 28px auto 0;\n\n text-align: center;\n\n color:\n rgba(255,255,255,.38);\n\n font-size: 10px;\n\n line-height: 1.65;\n}\n\n\n\/* =========================================================\n ANIMATIONS\n========================================================= *\/\n\n@keyframes dtdComfortFade {\n\n from {\n opacity: 0;\n\n transform:\n translateY(18px);\n }\n\n to {\n opacity: 1;\n\n transform:\n translateY(0);\n }\n}\n\n\n@keyframes dtdComfortShimmer {\n\n 0% {\n background-position:\n 200% center;\n }\n\n 100% {\n background-position:\n -200% center;\n }\n}\n\n\n@keyframes dtdComfortTravel {\n\n from {\n transform:\n translateX(-120%);\n }\n\n to {\n transform:\n translateX(320%);\n }\n}\n\n\n@keyframes dtdComfortGlowOne {\n\n 0%,\n 100% {\n transform:\n translate(0,0);\n }\n\n 50% {\n transform:\n translate(-35px,45px);\n }\n}\n\n\n@keyframes dtdComfortGlowTwo {\n\n 0%,\n 100% {\n transform:\n translate(0,0);\n }\n\n 50% {\n transform:\n translate(40px,-30px);\n }\n}\n\n\n@keyframes dtdComfortFloat {\n\n 0%,\n 100% {\n transform:\n translateY(0);\n }\n\n 50% {\n transform:\n translateY(-6px);\n }\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media(max-width:900px) {\n\n .dtd-comfort {\n padding:\n 65px 19px;\n }\n\n .dtd-comfort-moments {\n grid-template-columns:\n repeat(2,1fr);\n }\n\n .dtd-comfort-benefits {\n grid-template-columns:\n repeat(2,1fr);\n }\n\n .dtd-comfort-steps {\n grid-template-columns:\n 1fr;\n }\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media(max-width:650px) {\n\n .dtd-comfort {\n padding:\n 48px 14px 42px;\n\n border-radius: 20px;\n\n background:\n radial-gradient(\n circle at 50% 0%,\n rgba(201,159,169,.18),\n transparent 27%\n ),\n linear-gradient(\n 160deg,\n #211824,\n #38283D 58%,\n #281C2C\n );\n }\n\n\n .dtd-comfort-title {\n font-size:\n clamp(39px,12vw,55px);\n\n letter-spacing:\n -1.8px;\n }\n\n\n .dtd-comfort-hook {\n max-width: 340px;\n\n margin-top: 21px;\n\n font-size: 20px;\n }\n\n\n .dtd-comfort-copy {\n max-width: 345px;\n\n margin-top: 14px;\n\n font-size: 13.5px;\n\n line-height: 1.65;\n }\n\n\n .dtd-comfort-pills {\n max-width: 350px;\n }\n\n\n .dtd-comfort-journey {\n margin-top: 31px;\n\n padding:\n 18px 15px;\n\n border-radius: 18px;\n }\n\n\n .dtd-comfort-journey-icon {\n width: 33px;\n height: 33px;\n\n font-size: 17px;\n }\n\n\n .dtd-comfort-journey p {\n font-size: 12.5px;\n }\n\n\n .dtd-comfort-heading {\n margin-top: 53px;\n\n font-size: 27px;\n }\n\n\n .dtd-comfort-subheading {\n max-width: 320px;\n\n margin-bottom: 23px;\n\n font-size: 13.5px;\n }\n\n\n .dtd-period-panel {\n padding:\n 31px 17px;\n\n border-radius: 20px;\n }\n\n\n .dtd-period-icon {\n width: 53px;\n height: 53px;\n\n font-size: 24px;\n }\n\n\n .dtd-period-panel h3 {\n font-size: 24px;\n }\n\n\n .dtd-period-panel p {\n font-size: 13px;\n }\n\n\n .dtd-comfort-moments {\n grid-template-columns:\n 1fr;\n\n gap: 10px;\n }\n\n\n .dtd-comfort-moment {\n min-height: 0;\n\n padding:\n 21px 18px;\n\n border-radius: 18px;\n }\n\n\n .dtd-comfort-compare {\n grid-template-columns:\n 1fr;\n\n gap: 10px;\n }\n\n\n .dtd-comfort-vs {\n margin: 0 auto;\n }\n\n\n .dtd-comfort-compare-card {\n padding:\n 22px 18px;\n\n border-radius: 18px;\n }\n\n\n .dtd-comfort-benefits {\n grid-template-columns:\n 1fr;\n\n gap: 10px;\n }\n\n\n .dtd-comfort-card {\n padding:\n 20px 18px;\n\n border-radius: 17px;\n }\n\n\n .dtd-comfort-card-icon {\n width: 43px;\n height: 43px;\n\n margin-bottom: 13px;\n\n font-size: 20px;\n }\n\n\n .dtd-comfort-steps {\n gap: 10px;\n }\n\n\n .dtd-comfort-step {\n padding:\n 20px 18px;\n\n border-radius: 17px;\n }\n\n\n .dtd-comfort-statement {\n margin-top: 50px;\n\n padding:\n 34px 14px;\n }\n\n\n .dtd-comfort-final {\n margin-top: 35px;\n\n padding:\n 38px 17px;\n\n border-radius: 19px;\n }\n\n\n .dtd-comfort-final h2 {\n max-width: 330px;\n\n font-size: 28px;\n }\n\n\n .dtd-comfort-final p {\n max-width: 315px;\n\n font-size: 13.5px;\n }\n\n\n .dtd-comfort-trust {\n flex-direction: column;\n\n align-items: center;\n\n gap: 8px;\n }\n}\n\n\n\/* =========================================================\n REDUCED MOTION\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce) {\n\n .dtd-comfort *,\n .dtd-comfort::before,\n .dtd-comfort::after {\n animation: none !important;\n\n transition: none !important;\n }\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"dtd-comfort\"\u003e\n\n \u003cdiv class=\"dtd-comfort-wrap\"\u003e\n\n\n \u003c!-- =========================================\n HERO\n ========================================== --\u003e\n\n \u003cdiv class=\"dtd-comfort-hero\"\u003e\n\n\n \u003cdiv class=\"dtd-comfort-eyebrow\"\u003e\n\n \u003cspan class=\"dtd-comfort-dot\"\u003e\u003c\/span\u003e\n\n Dusk to Dawn Comfort\n\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"dtd-comfort-title\"\u003e\n\n Comfort\n\n \u003cspan\u003e\n That Stays With You.\n \u003c\/span\u003e\n\n \u003c\/h2\u003e\n\n\n \u003cdiv class=\"dtd-comfort-hook\"\u003e\n\n Warmth when you want it.\n\n \u003cspan\u003e\n Comfort wherever you settle in.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cp class=\"dtd-comfort-copy\"\u003e\n\n Meet the Dusk to Dawn Comfort Wrap โ€”\n a wearable hot-water-bottle wrap made\n for cosy evenings, slower days and the\n moments when a little extra warmth\n feels just right.\n\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"dtd-comfort-pills\"\u003e\n\n \u003cspan class=\"dtd-comfort-pill\"\u003e\n ๐Ÿ”ฅ Comforting Warmth\n \u003c\/span\u003e\n\n \u003cspan class=\"dtd-comfort-pill\"\u003e\n ๐Ÿค Hands-Free\n \u003c\/span\u003e\n\n \u003cspan class=\"dtd-comfort-pill\"\u003e\n ๐ŸŒธ Period-Day Comfort\n \u003c\/span\u003e\n\n \u003cspan class=\"dtd-comfort-pill\"\u003e\n ๐ŸŒ™ Cosy Nights\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =========================================\n DAY TO NIGHT JOURNEY\n ========================================== --\u003e\n\n \u003cdiv class=\"dtd-comfort-journey\"\u003e\n\n\n \u003cdiv class=\"dtd-comfort-journey-icons\"\u003e\n\n \u003cspan class=\"dtd-comfort-journey-icon\"\u003e\n โ˜€๏ธ\n \u003c\/span\u003e\n\n \u003cspan class=\"dtd-comfort-journey-icon\"\u003e\n ๐ŸŒธ\n \u003c\/span\u003e\n\n \u003cspan class=\"dtd-comfort-journey-icon\"\u003e\n ๐Ÿ›‹๏ธ\n \u003c\/span\u003e\n\n \u003cspan class=\"dtd-comfort-journey-icon\"\u003e\n ๐ŸŒ™\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"dtd-comfort-line\"\u003e\u003c\/div\u003e\n\n\n \u003cp\u003e\n\n \u003cstrong\u003eCold mornings.\u003c\/strong\u003e\n\n Period days.\n\n Couch time.\n\n \u003cstrong\u003eNighttime wind-down.\u003c\/strong\u003e\n\n \u003c\/p\u003e\n\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =========================================\n PERIOD COMFORT\n ========================================== --\u003e\n\n \u003ch2 class=\"dtd-comfort-heading\"\u003e\n Period days call for extra comfort.\n \u003c\/h2\u003e\n\n\n \u003cp class=\"dtd-comfort-subheading\"\u003e\n\n A little warmth can make slower days\n feel that much cosier.\n\n \u003c\/p\u003e\n\n\n\n \u003cdiv class=\"dtd-period-panel\"\u003e\n\n\n \u003cdiv class=\"dtd-period-content\"\u003e\n\n\n \u003cdiv class=\"dtd-period-icon\"\u003e\n ๐ŸŒธ\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"dtd-period-label\"\u003e\n Period-Day Companion\n \u003c\/div\u003e\n\n\n \u003ch3\u003e\n Keep Comfort Close.\n \u003c\/h3\u003e\n\n\n \u003cp\u003e\n\n When period days have you reaching\n for something warm, the Comfort Wrap\n gives you an easy way to keep comforting\n warmth close while you rest, study,\n work or simply take some time for yourself.\n\n \u003c\/p\u003e\n\n\n \u003cspan class=\"dtd-period-note\"\u003e\n\n Warmth + comfort without making\n your whole day stop.\n\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =========================================\n LIFESTYLE MOMENTS\n ========================================== --\u003e\n\n \u003ch2 class=\"dtd-comfort-heading\"\u003e\n Made for more than one kind of day.\n \u003c\/h2\u003e\n\n\n \u003cp class=\"dtd-comfort-subheading\"\u003e\n\n From period days to cold evenings,\n keep your comfort close through the\n moments that make up your day.\n\n \u003c\/p\u003e\n\n\n\n \u003cdiv class=\"dtd-comfort-moments\"\u003e\n\n\n \u003c!-- PERIOD DAYS --\u003e\n\n \u003cdiv class=\"dtd-comfort-moment\"\u003e\n\n \u003cdiv class=\"dtd-comfort-moment-icon\"\u003e\n ๐ŸŒธ\n \u003c\/div\u003e\n\n \u003cdiv class=\"dtd-comfort-moment-small\"\u003e\n Period Days\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Extra Comfort When You Want It\n \u003c\/h3\u003e\n\n \u003cp\u003e\n\n Keep comforting warmth close while\n relaxing, studying or taking some\n much-needed time for yourself.\n\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- COLD DAYS --\u003e\n\n \u003cdiv class=\"dtd-comfort-moment\"\u003e\n\n \u003cdiv class=\"dtd-comfort-moment-icon\"\u003e\n โ„๏ธ\n \u003c\/div\u003e\n\n \u003cdiv class=\"dtd-comfort-moment-small\"\u003e\n Cold Days\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Wear Your Warmth\n \u003c\/h3\u003e\n\n \u003cp\u003e\n\n A cosy companion for chilly mornings,\n winter evenings and those days when\n you simply want to feel warmer.\n\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- COUCH --\u003e\n\n \u003cdiv class=\"dtd-comfort-moment\"\u003e\n\n \u003cdiv class=\"dtd-comfort-moment-icon\"\u003e\n ๐Ÿ›‹๏ธ\n \u003c\/div\u003e\n\n \u003cdiv class=\"dtd-comfort-moment-small\"\u003e\n Couch Time\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Your Cosy Moment\n \u003c\/h3\u003e\n\n \u003cp\u003e\n\n Put on your favourite show, get\n comfortable and keep warmth close\n while you switch off.\n\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- NIGHT --\u003e\n\n \u003cdiv class=\"dtd-comfort-moment\"\u003e\n\n \u003cdiv class=\"dtd-comfort-moment-icon\"\u003e\n ๐ŸŒ™\n \u003c\/div\u003e\n\n \u003cdiv class=\"dtd-comfort-moment-small\"\u003e\n Nighttime\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Your Wind-Down Essential\n \u003c\/h3\u003e\n\n \u003cp\u003e\n\n Make cold evenings and slower nights\n feel a little more comfortable before\n you call it a day.\n\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =========================================\n HANDS-FREE COMPARISON\n ========================================== --\u003e\n\n \u003ch2 class=\"dtd-comfort-heading\"\u003e\n Hold the warmth. Not the bottle.\n \u003c\/h2\u003e\n\n\n \u003cp class=\"dtd-comfort-subheading\"\u003e\n\n The wrap-around design helps keep your\n hot-water bottle close while leaving\n your hands free.\n\n \u003c\/p\u003e\n\n\n\n \u003cdiv class=\"dtd-comfort-compare\"\u003e\n\n\n \u003cdiv class=\"dtd-comfort-compare-card\"\u003e\n\n \u003cdiv class=\"dtd-comfort-compare-icon\"\u003e\n ๐Ÿ‘\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Traditional Hot-Water Bottle\n \u003c\/h3\u003e\n\n \u003cp\u003e\n\n Cosy and familiar โ€” but usually\n something you need to hold or keep\n repositioning while you move around.\n\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"dtd-comfort-vs\"\u003e\n VS\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"dtd-comfort-compare-card featured\"\u003e\n\n \u003cdiv class=\"dtd-comfort-compare-icon\"\u003e\n ๐Ÿค\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Dusk to Dawn Comfort Wrap\n \u003c\/h3\u003e\n\n \u003cp\u003e\n\n A wearable wrap designed to help\n keep comforting warmth close while\n your hands stay free for the rest\n of your evening.\n\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =========================================\n BENEFITS\n ========================================== --\u003e\n\n \u003ch2 class=\"dtd-comfort-heading\"\u003e\n Comfort made for real life.\n \u003c\/h2\u003e\n\n\n \u003cp class=\"dtd-comfort-subheading\"\u003e\n\n Simple warmth, wearable comfort and\n more ways to make everyday moments\n feel a little cosier.\n\n \u003c\/p\u003e\n\n\n\n \u003cdiv class=\"dtd-comfort-benefits\"\u003e\n\n\n \u003c!-- 1 --\u003e\n\n \u003cdiv class=\"dtd-comfort-card\"\u003e\n\n \u003cdiv class=\"dtd-comfort-card-icon\"\u003e\n ๐Ÿ”ฅ\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Comforting Warmth\n \u003c\/h3\u003e\n\n \u003cp\u003e\n\n Keep cosy warmth close when you\n want a little extra comfort.\n\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- 2 --\u003e\n\n \u003cdiv class=\"dtd-comfort-card\"\u003e\n\n \u003cdiv class=\"dtd-comfort-card-icon\"\u003e\n ๐ŸŒธ\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Period-Day Companion\n \u003c\/h3\u003e\n\n \u003cp\u003e\n\n A comforting addition to slower\n days when warmth is especially\n welcome.\n\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- 3 --\u003e\n\n \u003cdiv class=\"dtd-comfort-card\"\u003e\n\n \u003cdiv class=\"dtd-comfort-card-icon\"\u003e\n ๐Ÿค\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Hands-Free Design\n \u003c\/h3\u003e\n\n \u003cp\u003e\n\n The wearable wrap helps keep your\n hot-water bottle in place while\n you relax.\n\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- 4 --\u003e\n\n \u003cdiv class=\"dtd-comfort-card\"\u003e\n\n \u003cdiv class=\"dtd-comfort-card-icon\"\u003e\n ๐Ÿ›‹๏ธ\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Made for Cosy Moments\n \u003c\/h3\u003e\n\n \u003cp\u003e\n\n Perfect for couch time, studying,\n working from home or simply\n winding down.\n\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- 5 --\u003e\n\n \u003cdiv class=\"dtd-comfort-card\"\u003e\n\n \u003cdiv class=\"dtd-comfort-card-icon\"\u003e\n โ„๏ธ\n \u003c\/div\u003e\n\n \u003ch3\u003e\n More Than Period Days\n \u003c\/h3\u003e\n\n \u003cp\u003e\n\n Reach for it through cold mornings,\n winter nights and everyday moments\n when you simply want warmth.\n\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- 6 --\u003e\n\n \u003cdiv class=\"dtd-comfort-card\"\u003e\n\n \u003cdiv class=\"dtd-comfort-card-icon\"\u003e\n ๐ŸŒ™\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Dusk to Dawn Comfort\n \u003c\/h3\u003e\n\n \u003cp\u003e\n\n Made for the moments when slowing\n down and getting comfortable feels\n exactly right.\n\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =========================================\n 3 STEPS\n ========================================== --\u003e\n\n \u003ch2 class=\"dtd-comfort-heading\"\u003e\n Warmth. Wrapped around you.\n \u003c\/h2\u003e\n\n\n \u003cp class=\"dtd-comfort-subheading\"\u003e\n\n A simple comfort ritual for slower\n days and cosier nights.\n\n \u003c\/p\u003e\n\n\n\n \u003cdiv class=\"dtd-comfort-steps\"\u003e\n\n\n \u003cdiv class=\"dtd-comfort-step\"\u003e\n\n \u003cdiv class=\"dtd-comfort-step-number\"\u003e\n 01\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Prepare Your Bottle\n \u003c\/h3\u003e\n\n \u003cp\u003e\n\n Prepare the hot-water bottle\n according to the product's supplied\n safety and care instructions.\n\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"dtd-comfort-step\"\u003e\n\n \u003cdiv class=\"dtd-comfort-step-number\"\u003e\n 02\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Wrap Up\n \u003c\/h3\u003e\n\n \u003cp\u003e\n\n Place it securely inside the wrap\n and adjust the wearable design\n comfortably around you.\n\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n\n \u003cdiv class=\"dtd-comfort-step\"\u003e\n\n \u003cdiv class=\"dtd-comfort-step-number\"\u003e\n 03\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Get Cosy\n \u003c\/h3\u003e\n\n \u003cp\u003e\n\n Settle in, put on your favourite\n show or simply enjoy a quiet\n moment of warmth.\n\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =========================================\n BRAND STATEMENT\n ========================================== --\u003e\n\n \u003cdiv class=\"dtd-comfort-statement\"\u003e\n\n\n \u003cdiv class=\"dtd-comfort-statement-small\"\u003e\n Dusk to Dawn Beauty\n \u003c\/div\u003e\n\n\n \u003ch2\u003e\n\n Some days call for productivity.\n Others call for getting cosy.\n\n \u003c\/h2\u003e\n\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =========================================\n FINAL\n ========================================== --\u003e\n\n \u003cdiv class=\"dtd-comfort-final\"\u003e\n\n\n \u003cdiv class=\"dtd-comfort-final-icon\"\u003e\n ๐ŸŒ™\n \u003c\/div\u003e\n\n\n \u003ch2\u003e\n Comfort That Stays With You.\n \u003c\/h2\u003e\n\n\n \u003cp\u003e\n\n From period days to cold nights,\n wrap yourself in warmth and make\n a little more time for comfort.\n\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"dtd-comfort-trust\"\u003e\n\n\n \u003cspan\u003e\n\n \u003cb class=\"dtd-comfort-check\"\u003e\n โœ“\n \u003c\/b\u003e\n\n Hands-free warmth\n\n \u003c\/span\u003e\n\n\n \u003cspan\u003e\n\n \u003cb class=\"dtd-comfort-check\"\u003e\n โœ“\n \u003c\/b\u003e\n\n Soft wearable design\n\n \u003c\/span\u003e\n\n\n \u003cspan\u003e\n\n \u003cb class=\"dtd-comfort-check\"\u003e\n โœ“\n \u003c\/b\u003e\n\n Period-day comfort\n\n \u003c\/span\u003e\n\n\n \u003cspan\u003e\n\n \u003cb class=\"dtd-comfort-check\"\u003e\n โœ“\n \u003c\/b\u003e\n\n Cold-night essential\n\n \u003c\/span\u003e\n\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\n\n \u003c!-- =========================================\n SAFETY \/ CLAIMS NOTE\n ========================================== --\u003e\n\n \u003cp class=\"dtd-comfort-note\"\u003e\n\n Designed for warmth and everyday comfort.\n This product is not intended to diagnose,\n treat, cure or prevent any medical condition.\n Always follow the hot-water bottle filling,\n temperature, use and safety instructions\n supplied with the product. Avoid direct\n prolonged exposure to excessive heat.\n\n \u003c\/p\u003e\n\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e","brand":"Dusk to Dawn Beauty","offers":[{"title":"Default Title","offer_id":62813870391377,"sku":null,"price":499.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1079\/4621\/3457\/files\/8b6ea9e4-930a-4b80-8a25-46396c232ea4.png?v=1791207030"},{"product_id":"dusk-to-dawnโ„ข-satin-heatless-curling-set","title":"Satin Curl Set | Heatless Hair Curler","description":"\u003cstyle\u003e\n\/* =========================================================\n DUSK TO DAWN BEAUTY\n SATIN CURL SET | HEATLESS HAIR CURLER\n FINAL WIDTH + TEXT CLIPPING FIX\n========================================================= *\/\n\n.dtd-curl {\n --plum: #38283D;\n --deep: #211824;\n --purple: #735B7D;\n --lavender: #CFC0D7;\n --rose: #C99FA9;\n --pink: #F2A7B7;\n --soft-pink: #F7CCD5;\n --cream: #FAF5EF;\n --gold: #D8C19A;\n --white: #FFFFFF;\n\n position: relative;\n isolation: isolate;\n\n width: 100%;\n max-width: 100%;\n min-width: 0;\n\n margin: 0;\n padding: 82px 0;\n\n overflow: hidden;\n\n border-radius: 30px;\n color: var(--white);\n\n background:\n radial-gradient(circle at 8% 8%, rgba(201,159,169,.25), transparent 30%),\n radial-gradient(circle at 92% 75%, rgba(115,91,125,.28), transparent 32%),\n linear-gradient(145deg,#211824,#38283D 55%,#2A1D2E);\n}\n\n.dtd-curl *,\n.dtd-curl *::before,\n.dtd-curl *::after {\n box-sizing: border-box;\n}\n\n.dtd-curl::before,\n.dtd-curl::after {\n content: \"\";\n position: absolute;\n border-radius: 50%;\n filter: blur(80px);\n pointer-events: none;\n z-index: -1;\n}\n\n.dtd-curl::before {\n width: 330px;\n height: 330px;\n top: 5%;\n left: -100px;\n\n background: rgba(242,167,183,.16);\n\n animation: dtdCurlGlow 8s ease-in-out infinite alternate;\n}\n\n.dtd-curl::after {\n width: 380px;\n height: 380px;\n right: -130px;\n bottom: 10%;\n\n background: rgba(115,91,125,.22);\n\n animation: dtdCurlGlowTwo 10s ease-in-out infinite alternate;\n}\n\n\/* \n IMPORTANT:\n REAL SAFE AREA.\n The content is deliberately narrower than the parent.\n*\/\n\n.dtd-curl-inner {\n position: relative;\n z-index: 2;\n\n width: calc(100% - 64px);\n max-width: 1080px;\n min-width: 0;\n\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* =========================================================\n GENERAL\n========================================================= *\/\n\n.dtd-curl-section-title {\n margin: 0 0 14px;\n\n color: #fff;\n\n font-size: clamp(32px,5vw,52px);\n line-height: 1.1;\n letter-spacing: -.035em;\n}\n\n.dtd-curl-section-copy {\n width: 100%;\n max-width: 690px;\n\n margin: 0 auto;\n\n color: rgba(255,255,255,.72);\n\n font-size: 17px;\n line-height: 1.75;\n}\n\n.dtd-curl-eyebrow {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n\n gap: 9px;\n\n max-width: 100%;\n\n padding: 9px 15px;\n\n border: 1px solid rgba(255,255,255,.16);\n border-radius: 999px;\n\n background: rgba(255,255,255,.07);\n\n -webkit-backdrop-filter: blur(14px);\n backdrop-filter: blur(14px);\n\n color: #F8EAF0;\n\n font-size: 12px;\n line-height: 1.3;\n letter-spacing: .16em;\n text-transform: uppercase;\n font-weight: 700;\n}\n\n.dtd-curl-eyebrow::before {\n content: \"\";\n\n width: 8px;\n height: 8px;\n min-width: 8px;\n\n border-radius: 50%;\n\n background: var(--pink);\n\n box-shadow: 0 0 18px rgba(242,167,183,.85);\n\n animation: dtdCurlPulse 2.4s ease-in-out infinite;\n}\n\n\/* =========================================================\n HERO\n========================================================= *\/\n\n.dtd-curl-hero {\n width: 100%;\n max-width: 900px;\n\n margin-left: auto;\n margin-right: auto;\n\n text-align: center;\n\n animation: dtdFadeUp .8s ease both;\n}\n\n\/* \n EXTRA VERTICAL ROOM IS INTENTIONAL.\n Prevents descenders such as g, y, p, q and j being clipped.\n*\/\n\n.dtd-curl-hero h1 {\n display: block;\n\n width: 100%;\n max-width: 100%;\n\n margin: 23px auto 14px;\n\n padding-top: 5px;\n padding-bottom: 18px;\n\n color: #fff;\n\n font-size: clamp(45px,7vw,78px);\n line-height: 1.12;\n letter-spacing: -.055em;\n font-weight: 800;\n\n overflow: visible;\n}\n\n.dtd-curl-hero h1 span {\n display: block;\n\n width: 100%;\n max-width: 100%;\n\n margin: 0;\n\n padding-top: 3px;\n padding-bottom: 12px;\n\n line-height: 1.12;\n\n overflow: visible;\n\n background: linear-gradient(\n 100deg,\n #FFFFFF 0%,\n #F5C2CF 28%,\n #FFFFFF 48%,\n #D7C6DE 68%,\n #FFFFFF 100%\n );\n\n background-size: 220% auto;\n\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n\n animation: dtdCurlShimmer 6s linear infinite;\n}\n\n.dtd-curl-hook {\n width: 100%;\n max-width: 100%;\n\n margin: 10px auto 12px;\n\n color: #F7D7DF;\n\n font-size: clamp(20px,3vw,27px);\n line-height: 1.45;\n font-weight: 700;\n}\n\n.dtd-curl-hero-copy {\n display: block;\n\n width: calc(100% - 40px);\n max-width: 700px;\n\n margin-left: auto;\n margin-right: auto;\n\n padding: 0;\n\n color: rgba(255,255,255,.75);\n\n font-size: 17px;\n line-height: 1.8;\n\n white-space: normal;\n overflow: visible;\n overflow-wrap: normal;\n word-break: normal;\n}\n\n.dtd-curl-product-name {\n display: block;\n\n width: calc(100% - 30px);\n max-width: 700px;\n\n margin: 22px auto 0;\n\n color: #F5C2CF;\n\n font-size: 13px;\n line-height: 1.5;\n letter-spacing: .11em;\n text-transform: uppercase;\n font-weight: 750;\n}\n\n.dtd-curl-pills {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n\n width: 100%;\n\n gap: 10px;\n margin-top: 29px;\n}\n\n.dtd-curl-pill {\n padding: 11px 15px;\n\n border: 1px solid rgba(255,255,255,.12);\n border-radius: 999px;\n\n background: rgba(255,255,255,.07);\n\n color: #fff;\n\n font-size: 13px;\n line-height: 1.4;\n font-weight: 650;\n\n transition:\n transform .3s ease,\n background .3s ease;\n}\n\n.dtd-curl-pill:hover {\n transform: translateY(-3px);\n\n background: rgba(255,255,255,.11);\n}\n\n\/* =========================================================\n NIGHT TO MORNING\n========================================================= *\/\n\n.dtd-curl-journey {\n width: 100%;\n\n margin-top: 58px;\n padding: 30px;\n\n border: 1px solid rgba(255,255,255,.13);\n border-radius: 26px;\n\n background:\n linear-gradient(\n 120deg,\n rgba(255,255,255,.08),\n rgba(255,255,255,.035)\n );\n\n box-shadow: 0 25px 70px rgba(0,0,0,.18);\n\n -webkit-backdrop-filter: blur(16px);\n backdrop-filter: blur(16px);\n\n animation: dtdFadeUp .9s .1s ease both;\n}\n\n.dtd-curl-journey-line {\n display: grid;\n\n grid-template-columns:\n auto\n minmax(0,1fr)\n auto;\n\n align-items: center;\n\n width: 100%;\n\n gap: 18px;\n}\n\n.dtd-curl-journey-icon {\n width: 58px;\n height: 58px;\n\n display: grid;\n place-items: center;\n\n border: 1px solid rgba(255,255,255,.12);\n border-radius: 50%;\n\n background: rgba(255,255,255,.08);\n\n font-size: 27px;\n}\n\n.dtd-curl-track {\n position: relative;\n\n width: 100%;\n height: 4px;\n\n overflow: hidden;\n\n border-radius: 999px;\n\n background: rgba(255,255,255,.12);\n}\n\n.dtd-curl-track::after {\n content: \"\";\n\n position: absolute;\n\n top: 0;\n left: -35%;\n\n width: 35%;\n height: 100%;\n\n border-radius: inherit;\n\n background:\n linear-gradient(\n 90deg,\n transparent,\n var(--pink),\n #fff,\n transparent\n );\n\n animation: dtdCurlTravel 3.4s ease-in-out infinite;\n}\n\n.dtd-curl-journey-text {\n width: 100%;\n\n margin-top: 22px;\n\n text-align: center;\n}\n\n.dtd-curl-journey-text strong {\n display: block;\n\n margin-bottom: 7px;\n\n color: #fff;\n\n font-size: 20px;\n line-height: 1.45;\n}\n\n.dtd-curl-journey-text span {\n color: rgba(255,255,255,.68);\n\n font-size: 15px;\n line-height: 1.6;\n}\n\n\/* =========================================================\n COMPARISON\n========================================================= *\/\n\n.dtd-curl-compare {\n width: 100%;\n\n margin-top: 85px;\n\n text-align: center;\n}\n\n.dtd-curl-compare-grid {\n position: relative;\n\n display: grid;\n\n grid-template-columns:\n minmax(0,1fr)\n minmax(0,1fr);\n\n width: 100%;\n\n gap: 18px;\n margin-top: 35px;\n}\n\n.dtd-curl-compare-card {\n min-width: 0;\n\n padding: 32px;\n\n border: 1px solid rgba(255,255,255,.12);\n border-radius: 25px;\n\n background: rgba(255,255,255,.055);\n\n -webkit-backdrop-filter: blur(14px);\n backdrop-filter: blur(14px);\n\n text-align: left;\n\n transition:\n transform .35s ease,\n border-color .35s ease,\n background .35s ease;\n}\n\n.dtd-curl-compare-card:hover {\n transform: translateY(-5px);\n}\n\n.dtd-curl-compare-card.featured {\n border-color: rgba(242,167,183,.34);\n\n background:\n linear-gradient(\n 145deg,\n rgba(242,167,183,.16),\n rgba(255,255,255,.055)\n );\n\n box-shadow: 0 22px 60px rgba(0,0,0,.17);\n}\n\n.dtd-curl-compare-icon {\n margin-bottom: 18px;\n\n font-size: 31px;\n}\n\n.dtd-curl-compare-card h3 {\n margin: 0 0 10px;\n\n color: #fff;\n\n font-size: 23px;\n line-height: 1.3;\n}\n\n.dtd-curl-compare-card p {\n margin: 0;\n\n color: rgba(255,255,255,.68);\n\n font-size: 15px;\n line-height: 1.7;\n}\n\n.dtd-curl-vs {\n position: absolute;\n z-index: 5;\n\n top: 50%;\n left: 50%;\n\n width: 48px;\n height: 48px;\n\n display: grid;\n place-items: center;\n\n transform: translate(-50%,-50%);\n\n border-radius: 50%;\n\n background: var(--cream);\n\n box-shadow: 0 12px 30px rgba(0,0,0,.25);\n\n color: var(--plum);\n\n font-size: 12px;\n font-weight: 800;\n}\n\n\/* =========================================================\n HOW IT WORKS\n========================================================= *\/\n\n.dtd-curl-how {\n width: 100%;\n\n margin-top: 88px;\n\n text-align: center;\n}\n\n.dtd-curl-steps {\n display: grid;\n\n grid-template-columns:\n repeat(3,minmax(0,1fr));\n\n width: 100%;\n\n gap: 16px;\n margin-top: 38px;\n}\n\n.dtd-curl-step {\n min-width: 0;\n\n padding: 30px 24px;\n\n border: 1px solid rgba(255,255,255,.12);\n border-radius: 24px;\n\n background: rgba(255,255,255,.055);\n\n text-align: left;\n\n transition:\n transform .35s ease,\n background .35s ease;\n}\n\n.dtd-curl-step:hover {\n transform: translateY(-6px);\n\n background: rgba(255,255,255,.08);\n}\n\n.dtd-curl-step-number {\n margin-bottom: 16px;\n\n color: rgba(242,167,183,.18);\n\n font-size: 49px;\n line-height: 1;\n font-weight: 800;\n}\n\n.dtd-curl-step-icon {\n margin-bottom: 12px;\n\n font-size: 27px;\n}\n\n.dtd-curl-step h3 {\n margin: 0 0 9px;\n\n color: #fff;\n\n font-size: 20px;\n line-height: 1.3;\n}\n\n.dtd-curl-step p {\n margin: 0;\n\n color: rgba(255,255,255,.66);\n\n font-size: 14px;\n line-height: 1.7;\n}\n\n\/* =========================================================\n WHAT'S INCLUDED\n========================================================= *\/\n\n.dtd-curl-included {\n width: 100%;\n\n margin-top: 88px;\n\n text-align: center;\n}\n\n.dtd-curl-kit {\n display: grid;\n\n grid-template-columns:\n minmax(0,1.5fr)\n minmax(0,1fr)\n minmax(0,1fr);\n\n width: 100%;\n\n gap: 16px;\n margin-top: 38px;\n}\n\n.dtd-curl-kit-card {\n min-width: 0;\n min-height: 210px;\n\n padding: 28px;\n\n border: 1px solid rgba(255,255,255,.12);\n border-radius: 24px;\n\n background:\n linear-gradient(\n 145deg,\n rgba(255,255,255,.075),\n rgba(255,255,255,.035)\n );\n\n text-align: left;\n\n transition:\n transform .35s ease,\n border-color .35s ease;\n}\n\n.dtd-curl-kit-card:hover {\n transform: translateY(-5px);\n\n border-color: rgba(242,167,183,.3);\n}\n\n.dtd-curl-kit-card.main {\n background:\n radial-gradient(\n circle at 90% 0%,\n rgba(242,167,183,.18),\n transparent 40%\n ),\n rgba(255,255,255,.065);\n}\n\n.dtd-curl-kit-qty {\n display: inline-flex;\n\n margin-bottom: 24px;\n padding: 7px 11px;\n\n border: 1px solid rgba(242,167,183,.24);\n border-radius: 999px;\n\n background: rgba(242,167,183,.14);\n\n color: #F9DCE3;\n\n font-size: 12px;\n line-height: 1.4;\n font-weight: 750;\n}\n\n.dtd-curl-kit-card h3 {\n margin: 0 0 7px;\n\n color: #fff;\n\n font-size: 21px;\n line-height: 1.3;\n}\n\n.dtd-curl-kit-size {\n margin-bottom: 10px;\n\n color: #F3C4CF;\n\n font-size: 14px;\n line-height: 1.5;\n font-weight: 700;\n}\n\n.dtd-curl-kit-card p {\n margin: 0;\n\n color: rgba(255,255,255,.64);\n\n font-size: 14px;\n line-height: 1.65;\n}\n\n\/* =========================================================\n BENEFITS\n========================================================= *\/\n\n.dtd-curl-benefits {\n width: 100%;\n\n margin-top: 88px;\n\n text-align: center;\n}\n\n.dtd-curl-benefit-grid {\n display: grid;\n\n grid-template-columns:\n repeat(3,minmax(0,1fr));\n\n width: 100%;\n\n gap: 16px;\n margin-top: 38px;\n}\n\n.dtd-curl-benefit {\n min-width: 0;\n\n padding: 28px 23px;\n\n border: 1px solid rgba(255,255,255,.11);\n border-radius: 23px;\n\n background: rgba(255,255,255,.05);\n\n text-align: left;\n\n transition:\n transform .35s ease,\n background .35s ease,\n border-color .35s ease;\n}\n\n.dtd-curl-benefit:hover {\n transform: translateY(-6px);\n\n border-color: rgba(242,167,183,.26);\n\n background: rgba(255,255,255,.075);\n}\n\n.dtd-curl-benefit-icon {\n width: 49px;\n height: 49px;\n\n display: grid;\n place-items: center;\n\n margin-bottom: 19px;\n\n border: 1px solid rgba(242,167,183,.18);\n border-radius: 15px;\n\n background: rgba(242,167,183,.13);\n\n font-size: 23px;\n}\n\n.dtd-curl-benefit h3 {\n margin: 0 0 8px;\n\n color: #fff;\n\n font-size: 18px;\n line-height: 1.3;\n}\n\n.dtd-curl-benefit p {\n margin: 0;\n\n color: rgba(255,255,255,.64);\n\n font-size: 14px;\n line-height: 1.68;\n}\n\n\/* =========================================================\n NIGHTTIME ROUTINE\n========================================================= *\/\n\n.dtd-curl-routine {\n width: 100%;\n\n margin-top: 88px;\n padding: 45px;\n\n border: 1px solid rgba(255,255,255,.13);\n border-radius: 28px;\n\n background:\n radial-gradient(\n circle at 85% 20%,\n rgba(242,167,183,.15),\n transparent 35%\n ),\n linear-gradient(\n 145deg,\n rgba(255,255,255,.08),\n rgba(255,255,255,.035)\n );\n\n box-shadow: 0 30px 80px rgba(0,0,0,.18);\n}\n\n.dtd-curl-routine-grid {\n display: grid;\n\n grid-template-columns:\n minmax(0,1fr)\n minmax(0,1fr);\n\n align-items: center;\n\n width: 100%;\n\n gap: 42px;\n}\n\n.dtd-curl-routine-label {\n color: #F2B6C5;\n\n font-size: 12px;\n line-height: 1.4;\n letter-spacing: .15em;\n text-transform: uppercase;\n font-weight: 800;\n}\n\n.dtd-curl-routine h2 {\n margin: 13px 0 16px;\n padding-bottom: 7px;\n\n color: #fff;\n\n font-size: clamp(34px,5vw,53px);\n line-height: 1.12;\n letter-spacing: -.04em;\n}\n\n.dtd-curl-routine p {\n margin: 0;\n\n color: rgba(255,255,255,.7);\n\n font-size: 16px;\n line-height: 1.75;\n}\n\n.dtd-curl-routine-list {\n display: grid;\n\n width: 100%;\n\n gap: 12px;\n}\n\n.dtd-curl-routine-item {\n display: flex;\n align-items: center;\n\n width: 100%;\n\n gap: 14px;\n padding: 16px;\n\n border: 1px solid rgba(255,255,255,.1);\n border-radius: 17px;\n\n background: rgba(255,255,255,.055);\n\n transition:\n transform .3s ease,\n background .3s ease;\n}\n\n.dtd-curl-routine-item:hover {\n transform: translateX(4px);\n\n background: rgba(255,255,255,.08);\n}\n\n.dtd-curl-routine-item .dtd-icon {\n width: 39px;\n height: 39px;\n min-width: 39px;\n\n display: grid;\n place-items: center;\n\n border-radius: 12px;\n\n background: rgba(242,167,183,.13);\n}\n\n.dtd-curl-routine-item strong {\n display: block;\n\n margin-bottom: 2px;\n\n color: #fff;\n\n font-size: 14px;\n line-height: 1.4;\n}\n\n.dtd-curl-routine-item small {\n color: rgba(255,255,255,.58);\n\n font-size: 12px;\n line-height: 1.4;\n}\n\n\/* =========================================================\n BRAND QUOTE\n========================================================= *\/\n\n.dtd-curl-quote {\n width: calc(100% - 30px);\n max-width: 850px;\n\n margin: 90px auto 0;\n\n text-align: center;\n}\n\n.dtd-curl-quote-mark {\n color: var(--pink);\n\n font-size: 48px;\n line-height: 1;\n\n opacity: .7;\n}\n\n.dtd-curl-quote h2 {\n margin: 17px 0;\n padding-bottom: 8px;\n\n color: #fff;\n\n font-size: clamp(31px,5vw,48px);\n line-height: 1.16;\n letter-spacing: -.035em;\n}\n\n.dtd-curl-quote p {\n margin: 0;\n\n color: #F2B8C6;\n\n font-size: 13px;\n line-height: 1.4;\n letter-spacing: .18em;\n text-transform: uppercase;\n font-weight: 750;\n}\n\n\/* =========================================================\n FINAL PANEL\n========================================================= *\/\n\n.dtd-curl-final {\n position: relative;\n\n width: 100%;\n\n margin-top: 75px;\n padding: 50px 30px;\n\n overflow: hidden;\n\n border: 1px solid rgba(255,255,255,.13);\n border-radius: 28px;\n\n background:\n radial-gradient(\n circle at 50% 110%,\n rgba(242,167,183,.25),\n transparent 45%\n ),\n linear-gradient(145deg,#302034,#4A3150);\n\n text-align: center;\n}\n\n.dtd-curl-final::before {\n content: \"\";\n\n position: absolute;\n\n top: -130px;\n left: 50%;\n\n width: 250px;\n height: 250px;\n\n transform: translateX(-50%);\n\n border-radius: 50%;\n\n background: rgba(242,167,183,.13);\n\n filter: blur(70px);\n\n pointer-events: none;\n}\n\n.dtd-curl-final \u003e * {\n position: relative;\n z-index: 2;\n}\n\n.dtd-curl-final-small {\n color: #F2B5C4;\n\n font-size: 12px;\n line-height: 1.5;\n letter-spacing: .18em;\n text-transform: uppercase;\n font-weight: 800;\n}\n\n.dtd-curl-final h2 {\n margin: 14px 0 13px;\n padding-bottom: 8px;\n\n color: #fff;\n\n font-size: clamp(37px,6vw,59px);\n line-height: 1.12;\n letter-spacing: -.045em;\n}\n\n.dtd-curl-final p {\n width: calc(100% - 30px);\n max-width: 650px;\n\n margin: 0 auto;\n\n color: rgba(255,255,255,.7);\n\n font-size: 16px;\n line-height: 1.7;\n}\n\n.dtd-curl-trust {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n\n gap: 10px 24px;\n margin-top: 28px;\n\n color: rgba(255,255,255,.82);\n\n font-size: 13px;\n line-height: 1.5;\n font-weight: 650;\n}\n\n.dtd-curl-trust span::before {\n content: \"โœ“\";\n\n margin-right: 7px;\n\n color: #F3B5C4;\n}\n\n.dtd-curl-note {\n width: calc(100% - 30px);\n max-width: 800px;\n\n margin: 26px auto 0;\n\n color: rgba(255,255,255,.45);\n\n font-size: 11px;\n line-height: 1.6;\n\n text-align: center;\n}\n\n\/* =========================================================\n ANIMATIONS\n========================================================= *\/\n\n@keyframes dtdCurlShimmer {\n 0% {\n background-position: 200% center;\n }\n\n 100% {\n background-position: -20% center;\n }\n}\n\n@keyframes dtdCurlTravel {\n 0% {\n left: -35%;\n }\n\n 100% {\n left: 110%;\n }\n}\n\n@keyframes dtdCurlPulse {\n 0%,\n 100% {\n transform: scale(1);\n opacity: .8;\n }\n\n 50% {\n transform: scale(1.25);\n opacity: 1;\n }\n}\n\n@keyframes dtdCurlGlow {\n from {\n transform: translate(0,0) scale(1);\n }\n\n to {\n transform: translate(55px,40px) scale(1.15);\n }\n}\n\n@keyframes dtdCurlGlowTwo {\n from {\n transform: translate(0,0) scale(1);\n }\n\n to {\n transform: translate(-45px,-35px) scale(1.1);\n }\n}\n\n@keyframes dtdFadeUp {\n from {\n opacity: 0;\n transform: translateY(22px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media screen and (max-width: 850px) {\n\n .dtd-curl {\n padding: 65px 0;\n\n border-radius: 24px;\n }\n\n .dtd-curl-inner {\n width: calc(100% - 48px);\n }\n\n .dtd-curl-compare-grid,\n .dtd-curl-routine-grid {\n grid-template-columns: minmax(0,1fr);\n }\n\n .dtd-curl-steps,\n .dtd-curl-benefit-grid {\n grid-template-columns:\n repeat(2,minmax(0,1fr));\n }\n\n .dtd-curl-kit {\n grid-template-columns:\n minmax(0,1fr)\n minmax(0,1fr);\n }\n\n .dtd-curl-kit-card.main {\n grid-column: 1 \/ -1;\n }\n}\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 600px) {\n\n .dtd-curl {\n width: 100%;\n max-width: 100%;\n\n padding: 52px 0;\n\n border-radius: 20px;\n }\n\n \/*\n 20px SAFE AREA ON EACH SIDE\n *\/\n\n .dtd-curl-inner {\n width: calc(100% - 40px);\n max-width: none;\n\n margin-left: auto;\n margin-right: auto;\n }\n\n .dtd-curl-hero {\n width: 100%;\n max-width: 100%;\n }\n\n .dtd-curl-hero h1 {\n width: 100%;\n\n margin: 20px auto 12px;\n\n padding-top: 5px;\n padding-bottom: 18px;\n\n font-size: clamp(38px,10.5vw,46px);\n line-height: 1.14;\n letter-spacing: -.045em;\n\n overflow: visible;\n }\n\n .dtd-curl-hero h1 span {\n display: block;\n\n padding-top: 3px;\n padding-bottom: 13px;\n\n line-height: 1.14;\n\n overflow: visible;\n }\n\n .dtd-curl-hook {\n width: calc(100% - 12px);\n\n margin-left: auto;\n margin-right: auto;\n\n font-size: 20px;\n line-height: 1.45;\n }\n\n \/*\n EXTRA 16px INSIDE THE ALREADY SAFE CONTENT AREA.\n The paragraph cannot touch the preview scrollbar.\n *\/\n\n .dtd-curl-hero-copy {\n width: calc(100% - 32px);\n max-width: 650px;\n\n margin-left: auto;\n margin-right: auto;\n\n padding: 0;\n\n font-size: 15px;\n line-height: 1.75;\n\n white-space: normal;\n overflow: visible;\n word-break: normal;\n }\n\n .dtd-curl-product-name {\n width: calc(100% - 24px);\n\n margin-left: auto;\n margin-right: auto;\n\n font-size: 11px;\n line-height: 1.5;\n letter-spacing: .08em;\n }\n\n .dtd-curl-pills {\n gap: 8px;\n }\n\n .dtd-curl-pill {\n padding: 9px 11px;\n\n font-size: 11px;\n }\n\n .dtd-curl-journey {\n padding: 22px 16px;\n }\n\n .dtd-curl-journey-line {\n grid-template-columns:\n auto\n minmax(0,1fr)\n auto;\n\n gap: 10px;\n }\n\n .dtd-curl-journey-icon {\n width: 44px;\n height: 44px;\n\n font-size: 21px;\n }\n\n .dtd-curl-compare,\n .dtd-curl-how,\n .dtd-curl-included,\n .dtd-curl-benefits,\n .dtd-curl-routine {\n margin-top: 68px;\n }\n\n .dtd-curl-compare-grid {\n grid-template-columns: minmax(0,1fr);\n\n gap: 30px;\n }\n\n .dtd-curl-vs {\n top: 50%;\n\n width: 42px;\n height: 42px;\n }\n\n .dtd-curl-steps,\n .dtd-curl-benefit-grid,\n .dtd-curl-kit {\n grid-template-columns: minmax(0,1fr);\n }\n\n .dtd-curl-kit-card.main {\n grid-column: auto;\n }\n\n .dtd-curl-routine {\n padding: 30px 20px;\n }\n\n .dtd-curl-routine-grid {\n grid-template-columns: minmax(0,1fr);\n }\n\n .dtd-curl-final {\n padding: 42px 20px;\n }\n\n .dtd-curl-trust {\n flex-direction: column;\n align-items: center;\n }\n}\n\n\/* =========================================================\n EXTRA SMALL MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 390px) {\n\n .dtd-curl-inner {\n width: calc(100% - 28px);\n }\n\n .dtd-curl-hero h1 {\n font-size: 36px;\n line-height: 1.16;\n\n padding-bottom: 18px;\n }\n\n .dtd-curl-hero h1 span {\n line-height: 1.16;\n\n padding-bottom: 13px;\n }\n\n .dtd-curl-hero-copy {\n width: calc(100% - 24px);\n\n font-size: 14px;\n }\n\n .dtd-curl-compare-card,\n .dtd-curl-step,\n .dtd-curl-kit-card,\n .dtd-curl-benefit {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n .dtd-curl-routine {\n padding-left: 17px;\n padding-right: 17px;\n }\n}\n\n\/* =========================================================\n REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n .dtd-curl *,\n .dtd-curl *::before,\n .dtd-curl *::after {\n animation: none !important;\n transition: none !important;\n }\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"dtd-curl\"\u003e\n\n \u003cdiv class=\"dtd-curl-inner\"\u003e\n\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"dtd-curl-hero\"\u003e\n\n \u003cdiv class=\"dtd-curl-eyebrow\"\u003e\n Dusk to Dawn Essential\n \u003c\/div\u003e\n\n \u003ch1\u003e\n Beautiful Hair Starts\n \u003cspan\u003eThe Night Before.\u003c\/span\u003e\n \u003c\/h1\u003e\n\n \u003cdiv class=\"dtd-curl-hook\"\u003e\n Wrap tonight. Reveal tomorrow. ๐ŸŒ™\n \u003c\/div\u003e\n\n \u003cp class=\"dtd-curl-hero-copy\"\u003e\n Meet the Dusk to Dawn Satin Curl Set โ€” a softer way to create\n beautiful curls without relying on heated curling tools.\n Wrap your hair, settle into your evening routine and let\n tomorrow morning bring the reveal.\n \u003c\/p\u003e\n\n \u003cdiv class=\"dtd-curl-product-name\"\u003e\n Satin Curl Set | Heatless Hair Curler\n \u003c\/div\u003e\n\n \u003cdiv class=\"dtd-curl-pills\"\u003e\n\n \u003cdiv class=\"dtd-curl-pill\"\u003e\n ๐Ÿ”ฅ Heat-Free Styling\n \u003c\/div\u003e\n\n \u003cdiv class=\"dtd-curl-pill\"\u003e\n ๐ŸŒ™ Overnight Ready\n \u003c\/div\u003e\n\n \u003cdiv class=\"dtd-curl-pill\"\u003e\n โœจ Satin Finish\n \u003c\/div\u003e\n\n \u003cdiv class=\"dtd-curl-pill\"\u003e\n ๐ŸŽ€ Complete 4-Piece Set\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- NIGHT TO MORNING --\u003e\n \u003cdiv class=\"dtd-curl-journey\"\u003e\n\n \u003cdiv class=\"dtd-curl-journey-line\"\u003e\n\n \u003cdiv class=\"dtd-curl-journey-icon\"\u003e\n ๐ŸŒ™\n \u003c\/div\u003e\n\n \u003cdiv class=\"dtd-curl-track\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"dtd-curl-journey-icon\"\u003e\n โ˜€๏ธ\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"dtd-curl-journey-text\"\u003e\n\n \u003cstrong\u003e\n Your evening does the prep. Morning gets the reveal.\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Wrap. Secure. Relax. Sleep. Unwrap.\n A beauty routine designed to work around your life.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- COMPARISON --\u003e\n \u003cdiv class=\"dtd-curl-compare\"\u003e\n\n \u003ch2 class=\"dtd-curl-section-title\"\u003e\n Rethink your curling routine.\n \u003c\/h2\u003e\n\n \u003cp class=\"dtd-curl-section-copy\"\u003e\n Beautiful styling doesn't always need to start with a hot tool.\n Make your evening routine part of tomorrow's look.\n \u003c\/p\u003e\n\n \u003cdiv class=\"dtd-curl-compare-grid\"\u003e\n\n \u003cdiv class=\"dtd-curl-compare-card\"\u003e\n\n \u003cdiv class=\"dtd-curl-compare-icon\"\u003e\n ๐Ÿ”ฅ\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Traditional Heated Styling\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Curling irons and heated tools require active styling time\n and expose your hair directly to high styling temperatures.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"dtd-curl-vs\"\u003e\n VS\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"dtd-curl-compare-card featured\"\u003e\n\n \u003cdiv class=\"dtd-curl-compare-icon\"\u003e\n ๐ŸŒ™\n \u003c\/div\u003e\n\n \u003ch3\u003e\n The Satin Curl Set\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Wrap your hair around the soft satin-covered rod, secure it\n in place and let your styling routine happen while you\n relax or sleep โ€” no heated curling tool required.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- HOW IT WORKS --\u003e\n \u003cdiv class=\"dtd-curl-how\"\u003e\n\n \u003ch2 class=\"dtd-curl-section-title\"\u003e\n Three steps before dreamland.\n \u003c\/h2\u003e\n\n \u003cp class=\"dtd-curl-section-copy\"\u003e\n Simple enough for your nighttime routine.\n Beautiful enough to become part of it.\n \u003c\/p\u003e\n\n \u003cdiv class=\"dtd-curl-steps\"\u003e\n\n \u003cdiv class=\"dtd-curl-step\"\u003e\n\n \u003cdiv class=\"dtd-curl-step-number\"\u003e\n 01\n \u003c\/div\u003e\n\n \u003cdiv class=\"dtd-curl-step-icon\"\u003e\n ๐ŸŽ€\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Place \u0026amp; Secure\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Position the satin curling rod over the top of your head\n and use the included hair clip to help hold it in place.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"dtd-curl-step\"\u003e\n\n \u003cdiv class=\"dtd-curl-step-number\"\u003e\n 02\n \u003c\/div\u003e\n\n \u003cdiv class=\"dtd-curl-step-icon\"\u003e\n ใ€ฐ๏ธ\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Wrap Your Hair\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Wrap sections of hair around each side of the rod,\n working down toward the ends.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"dtd-curl-step\"\u003e\n\n \u003cdiv class=\"dtd-curl-step-number\"\u003e\n 03\n \u003c\/div\u003e\n\n \u003cdiv class=\"dtd-curl-step-icon\"\u003e\n ๐ŸŒ™\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Secure \u0026amp; Relax\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Use the two satin scrunchies to help secure the wrapped\n hair at the ends, then settle into your evening.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- WHAT'S INCLUDED --\u003e\n \u003cdiv class=\"dtd-curl-included\"\u003e\n\n \u003ch2 class=\"dtd-curl-section-title\"\u003e\n Everything you need in one set.\n \u003c\/h2\u003e\n\n \u003cp class=\"dtd-curl-section-copy\"\u003e\n No complicated collection of accessories.\n Just the essentials for your heatless curling routine.\n \u003c\/p\u003e\n\n \u003cdiv class=\"dtd-curl-kit\"\u003e\n\n \u003cdiv class=\"dtd-curl-kit-card main\"\u003e\n\n \u003cdiv class=\"dtd-curl-kit-qty\"\u003e\n 1 ร— INCLUDED\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Satin Curling Rod\n \u003c\/h3\u003e\n\n \u003cdiv class=\"dtd-curl-kit-size\"\u003e\n 100 cm length โ€ข 2.5 cm diameter\n \u003c\/div\u003e\n\n \u003cp\u003e\n The centrepiece of your routine โ€” a soft satin-covered\n curling rod designed for wrapping your hair without\n using a heated curling iron.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"dtd-curl-kit-card\"\u003e\n\n \u003cdiv class=\"dtd-curl-kit-qty\"\u003e\n 2 ร— INCLUDED\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Satin Scrunchies\n \u003c\/h3\u003e\n\n \u003cdiv class=\"dtd-curl-kit-size\"\u003e\n 5.5 cm diameter\n \u003c\/div\u003e\n\n \u003cp\u003e\n Two matching satin scrunchies help keep the wrapped\n hair secured at each end of the curling rod.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"dtd-curl-kit-card\"\u003e\n\n \u003cdiv class=\"dtd-curl-kit-qty\"\u003e\n 1 ร— INCLUDED\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Hair Clip\n \u003c\/h3\u003e\n\n \u003cdiv class=\"dtd-curl-kit-size\"\u003e\n 10 cm length\n \u003c\/div\u003e\n\n \u003cp\u003e\n Use the included clip at the top of the head to help\n keep the curling rod positioned while you wrap your hair.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- BENEFITS --\u003e\n \u003cdiv class=\"dtd-curl-benefits\"\u003e\n\n \u003ch2 class=\"dtd-curl-section-title\"\u003e\n Curl differently.\n \u003c\/h2\u003e\n\n \u003cp class=\"dtd-curl-section-copy\"\u003e\n A hair routine designed around your evening,\n not another thing you need to squeeze into your morning.\n \u003c\/p\u003e\n\n \u003cdiv class=\"dtd-curl-benefit-grid\"\u003e\n\n \u003cdiv class=\"dtd-curl-benefit\"\u003e\n\n \u003cdiv class=\"dtd-curl-benefit-icon\"\u003e\n ๐Ÿ”ฅ\n \u003c\/div\u003e\n\n \u003ch3\u003e\n No Heated Curling Tool\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Create your curl routine without reaching for a\n traditional curling iron.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"dtd-curl-benefit\"\u003e\n\n \u003cdiv class=\"dtd-curl-benefit-icon\"\u003e\n ๐ŸŒ™\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Made for Evenings\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Wrap your hair as part of your nighttime routine and\n let the styling process fit naturally into your downtime.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"dtd-curl-benefit\"\u003e\n\n \u003cdiv class=\"dtd-curl-benefit-icon\"\u003e\n โœจ\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Satin-Covered\n \u003c\/h3\u003e\n\n \u003cp\u003e\n A smooth satin finish gives the set the soft,\n premium feel your nighttime beauty routine deserves.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"dtd-curl-benefit\"\u003e\n\n \u003cdiv class=\"dtd-curl-benefit-icon\"\u003e\n โ˜€๏ธ\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Morning Reveal\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Unwrap your hair in the morning and reveal the result\n of your overnight styling routine.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"dtd-curl-benefit\"\u003e\n\n \u003cdiv class=\"dtd-curl-benefit-icon\"\u003e\n ๐ŸŽ€\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Complete 4-Piece Set\n \u003c\/h3\u003e\n\n \u003cp\u003e\n One satin curling rod, two satin scrunchies and one\n hair clip โ€” everything together in one set.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"dtd-curl-benefit\"\u003e\n\n \u003cdiv class=\"dtd-curl-benefit-icon\"\u003e\n ๐Ÿ’œ\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Dusk to Dawn\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Made for the idea behind our brand:\n prepare at dusk and enjoy the reveal at dawn.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- NIGHTTIME ROUTINE --\u003e\n \u003cdiv class=\"dtd-curl-routine\"\u003e\n\n \u003cdiv class=\"dtd-curl-routine-grid\"\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"dtd-curl-routine-label\"\u003e\n Your Nighttime Beauty Ritual\n \u003c\/div\u003e\n\n \u003ch2\u003e\n Do less in the morning.\n \u003c\/h2\u003e\n\n \u003cp\u003e\n Put on your skincare. Wrap your hair. Watch your favourite\n show. Get comfortable. Head to bed. The Satin Curl Set is\n designed to fit into the moments you're already enjoying\n at the end of your day.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"dtd-curl-routine-list\"\u003e\n\n \u003cdiv class=\"dtd-curl-routine-item\"\u003e\n\n \u003cspan class=\"dtd-icon\"\u003e\n ๐Ÿงด\n \u003c\/span\u003e\n\n \u003cdiv\u003e\n \u003cstrong\u003e\n Finish Your Skincare\n \u003c\/strong\u003e\n\n \u003csmall\u003e\n Start winding down.\n \u003c\/small\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"dtd-curl-routine-item\"\u003e\n\n \u003cspan class=\"dtd-icon\"\u003e\n ๐ŸŽ€\n \u003c\/span\u003e\n\n \u003cdiv\u003e\n \u003cstrong\u003e\n Wrap Your Hair\n \u003c\/strong\u003e\n\n \u003csmall\u003e\n Set up tomorrow's style.\n \u003c\/small\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"dtd-curl-routine-item\"\u003e\n\n \u003cspan class=\"dtd-icon\"\u003e\n ๐Ÿ“ฑ\n \u003c\/span\u003e\n\n \u003cdiv\u003e\n \u003cstrong\u003e\n Relax\n \u003c\/strong\u003e\n\n \u003csmall\u003e\n Scroll, watch a show or switch off.\n \u003c\/small\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"dtd-curl-routine-item\"\u003e\n\n \u003cspan class=\"dtd-icon\"\u003e\n ๐ŸŒ™\n \u003c\/span\u003e\n\n \u003cdiv\u003e\n \u003cstrong\u003e\n Sleep\n \u003c\/strong\u003e\n\n \u003csmall\u003e\n Let your nighttime routine do its thing.\n \u003c\/small\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"dtd-curl-routine-item\"\u003e\n\n \u003cspan class=\"dtd-icon\"\u003e\n โ˜€๏ธ\n \u003c\/span\u003e\n\n \u003cdiv\u003e\n \u003cstrong\u003e\n Reveal\n \u003c\/strong\u003e\n\n \u003csmall\u003e\n Unwrap in the morning.\n \u003c\/small\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- BRAND STATEMENT --\u003e\n \u003cdiv class=\"dtd-curl-quote\"\u003e\n\n \u003cdiv class=\"dtd-curl-quote-mark\"\u003e\n โ€œ\n \u003c\/div\u003e\n\n \u003ch2\u003e\n Your evening routine does the prep.\u003cbr\u003e\n Morning gets the reveal.\n \u003c\/h2\u003e\n\n \u003cp\u003e\n Dusk to Dawn Beauty\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- FINAL --\u003e\n \u003cdiv class=\"dtd-curl-final\"\u003e\n\n \u003cdiv class=\"dtd-curl-final-small\"\u003e\n Satin Curl Set | Heatless Hair Curler\n \u003c\/div\u003e\n\n \u003ch2\u003e\n Wrap Tonight.\u003cbr\u003e\n Reveal Tomorrow.\n \u003c\/h2\u003e\n\n \u003cp\u003e\n Turn curling your hair into part of your nighttime beauty\n ritual. Wrap, secure and unwind โ€” then let morning bring\n the reveal.\n \u003c\/p\u003e\n\n \u003cdiv class=\"dtd-curl-trust\"\u003e\n\n \u003cspan\u003e\n Heat-free styling\n \u003c\/span\u003e\n\n \u003cspan\u003e\n Soft satin finish\n \u003c\/span\u003e\n\n \u003cspan\u003e\n Complete 4-piece set\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- NOTE --\u003e\n \u003cdiv class=\"dtd-curl-note\"\u003e\n Curl results can vary depending on hair type, hair length,\n wrapping technique, preparation and wear time.\n Follow the product instructions supplied with your set.\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Dusk to Dawn Beauty","offers":[{"title":"Default Title","offer_id":62814283071569,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1079\/4621\/3457\/files\/16630e88-a61a-4e83-a20c-0f2246d450be.png?v=1791214036"},{"product_id":"satin-sleep-bonnet-overnight-hair-protection","title":"Satin Sleep Bonnet | Overnight Hair Protection","description":"\u003cstyle\u003e\n\/* =========================================================\n DUSK TO DAWN BEAUTY\n SATIN SLEEP BONNET\n PREMIUM SHOPIFY SECTION\n========================================================= *\/\n\n.dtd-bonnet {\n --plum: #38283D;\n --deep: #211824;\n --purple: #735B7D;\n --lavender: #CFC0D7;\n --rose: #C99FA9;\n --pink: #F2A7B7;\n --cream: #FAF5EF;\n --gold: #D8C19A;\n --white: #FFFFFF;\n\n box-sizing: border-box;\n position: relative;\n isolation: isolate;\n\n width: 100%;\n max-width: 100%;\n min-width: 0;\n\n margin: 0;\n padding: 82px 0;\n\n overflow: hidden;\n\n border-radius: 30px;\n color: #fff;\n\n background:\n radial-gradient(circle at 7% 8%, rgba(201,159,169,.24), transparent 30%),\n radial-gradient(circle at 94% 68%, rgba(115,91,125,.28), transparent 34%),\n linear-gradient(145deg,#211824,#38283D 55%,#2A1D2E);\n}\n\n.dtd-bonnet *,\n.dtd-bonnet *::before,\n.dtd-bonnet *::after {\n box-sizing: border-box;\n}\n\n.dtd-bonnet::before,\n.dtd-bonnet::after {\n content: \"\";\n position: absolute;\n border-radius: 50%;\n filter: blur(85px);\n pointer-events: none;\n z-index: -1;\n}\n\n.dtd-bonnet::before {\n width: 340px;\n height: 340px;\n top: 3%;\n left: -110px;\n background: rgba(242,167,183,.17);\n animation: bonnetGlowOne 8s ease-in-out infinite alternate;\n}\n\n.dtd-bonnet::after {\n width: 390px;\n height: 390px;\n right: -130px;\n bottom: 9%;\n background: rgba(115,91,125,.22);\n animation: bonnetGlowTwo 10s ease-in-out infinite alternate;\n}\n\n\/* SAFE CONTENT AREA *\/\n\n.dtd-bonnet-inner {\n position: relative;\n z-index: 2;\n\n width: calc(100% - 64px);\n max-width: 1080px;\n min-width: 0;\n\n margin: 0 auto;\n}\n\n\/* =========================================================\n COMMON TYPOGRAPHY\n========================================================= *\/\n\n.dtd-bonnet-title {\n width: 100%;\n max-width: 760px;\n\n margin: 0 auto 14px;\n padding-bottom: 7px;\n\n color: #fff;\n\n font-size: clamp(32px,5vw,52px);\n line-height: 1.12;\n letter-spacing: -.035em;\n\n overflow: visible;\n}\n\n.dtd-bonnet-copy {\n width: calc(100% - 20px);\n max-width: 690px;\n\n margin: 0 auto;\n\n color: rgba(255,255,255,.70);\n\n font-size: 17px;\n line-height: 1.75;\n}\n\n.dtd-bonnet-eyebrow {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n\n gap: 9px;\n padding: 9px 15px;\n\n border: 1px solid rgba(255,255,255,.16);\n border-radius: 999px;\n\n background: rgba(255,255,255,.07);\n\n -webkit-backdrop-filter: blur(14px);\n backdrop-filter: blur(14px);\n\n color: #F8EAF0;\n\n font-size: 12px;\n line-height: 1.4;\n letter-spacing: .16em;\n text-transform: uppercase;\n font-weight: 700;\n}\n\n.dtd-bonnet-eyebrow::before {\n content: \"\";\n\n width: 8px;\n height: 8px;\n\n border-radius: 50%;\n\n background: var(--pink);\n box-shadow: 0 0 18px rgba(242,167,183,.85);\n\n animation: bonnetPulse 2.4s ease-in-out infinite;\n}\n\n\/* =========================================================\n HERO\n========================================================= *\/\n\n.dtd-bonnet-hero {\n width: 100%;\n max-width: 900px;\n\n margin: 0 auto;\n\n text-align: center;\n\n animation: bonnetFadeUp .8s ease both;\n}\n\n.dtd-bonnet-hero h1 {\n width: 100%;\n\n margin: 23px auto 12px;\n\n padding-top: 5px;\n padding-bottom: 18px;\n\n color: #fff;\n\n font-size: clamp(45px,7vw,78px);\n line-height: 1.12;\n letter-spacing: -.055em;\n font-weight: 800;\n\n overflow: visible;\n}\n\n.dtd-bonnet-hero h1 span {\n display: block;\n\n width: 100%;\n\n padding-top: 3px;\n padding-bottom: 12px;\n\n line-height: 1.12;\n\n overflow: visible;\n\n background:\n linear-gradient(\n 100deg,\n #FFFFFF 0%,\n #F5C2CF 27%,\n #FFFFFF 48%,\n #D7C6DE 70%,\n #FFFFFF 100%\n );\n\n background-size: 220% auto;\n\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n\n animation: bonnetShimmer 6s linear infinite;\n}\n\n.dtd-bonnet-hook {\n width: calc(100% - 20px);\n\n margin: 6px auto 13px;\n\n color: #F7D7DF;\n\n font-size: clamp(20px,3vw,27px);\n line-height: 1.45;\n font-weight: 700;\n}\n\n.dtd-bonnet-hero-copy {\n width: calc(100% - 50px);\n max-width: 710px;\n\n margin: 0 auto;\n\n color: rgba(255,255,255,.74);\n\n font-size: 17px;\n line-height: 1.8;\n}\n\n.dtd-bonnet-product {\n display: block;\n\n width: calc(100% - 30px);\n\n margin: 22px auto 0;\n\n color: #F5C2CF;\n\n font-size: 13px;\n line-height: 1.5;\n letter-spacing: .12em;\n text-transform: uppercase;\n font-weight: 750;\n}\n\n.dtd-bonnet-pills {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n\n gap: 10px;\n margin-top: 29px;\n}\n\n.dtd-bonnet-pill {\n padding: 11px 15px;\n\n border: 1px solid rgba(255,255,255,.12);\n border-radius: 999px;\n\n background: rgba(255,255,255,.07);\n\n color: #fff;\n\n font-size: 13px;\n line-height: 1.4;\n font-weight: 650;\n\n transition:\n transform .3s ease,\n background .3s ease,\n border-color .3s ease;\n}\n\n.dtd-bonnet-pill:hover {\n transform: translateY(-4px);\n\n background: rgba(255,255,255,.11);\n border-color: rgba(242,167,183,.30);\n}\n\n\/* =========================================================\n NIGHT TO MORNING\n========================================================= *\/\n\n.dtd-bonnet-journey {\n width: 100%;\n\n margin-top: 60px;\n padding: 31px;\n\n border: 1px solid rgba(255,255,255,.13);\n border-radius: 26px;\n\n background:\n linear-gradient(\n 120deg,\n rgba(255,255,255,.08),\n rgba(255,255,255,.035)\n );\n\n box-shadow: 0 25px 70px rgba(0,0,0,.18);\n\n -webkit-backdrop-filter: blur(16px);\n backdrop-filter: blur(16px);\n}\n\n.dtd-bonnet-journey-line {\n display: grid;\n grid-template-columns: auto minmax(0,1fr) auto;\n align-items: center;\n\n width: 100%;\n\n gap: 18px;\n}\n\n.dtd-bonnet-journey-icon {\n width: 58px;\n height: 58px;\n\n display: grid;\n place-items: center;\n\n border: 1px solid rgba(255,255,255,.12);\n border-radius: 50%;\n\n background: rgba(255,255,255,.08);\n\n font-size: 27px;\n\n animation: bonnetFloat 3.5s ease-in-out infinite;\n}\n\n.dtd-bonnet-track {\n position: relative;\n\n width: 100%;\n height: 4px;\n\n overflow: hidden;\n\n border-radius: 999px;\n\n background: rgba(255,255,255,.12);\n}\n\n.dtd-bonnet-track::after {\n content: \"\";\n\n position: absolute;\n top: 0;\n left: -35%;\n\n width: 35%;\n height: 100%;\n\n border-radius: inherit;\n\n background:\n linear-gradient(\n 90deg,\n transparent,\n var(--pink),\n #fff,\n var(--gold),\n transparent\n );\n\n animation: bonnetTravel 3.4s ease-in-out infinite;\n}\n\n.dtd-bonnet-journey-text {\n margin-top: 23px;\n\n text-align: center;\n}\n\n.dtd-bonnet-journey-text strong {\n display: block;\n\n margin-bottom: 7px;\n\n color: #fff;\n\n font-size: 20px;\n line-height: 1.45;\n}\n\n.dtd-bonnet-journey-text span {\n color: rgba(255,255,255,.67);\n\n font-size: 15px;\n line-height: 1.65;\n}\n\n\/* =========================================================\n COMPARISON\n========================================================= *\/\n\n.dtd-bonnet-compare {\n width: 100%;\n\n margin-top: 88px;\n\n text-align: center;\n}\n\n.dtd-bonnet-compare-grid {\n position: relative;\n\n display: grid;\n grid-template-columns: minmax(0,1fr) minmax(0,1fr);\n\n gap: 18px;\n margin-top: 37px;\n}\n\n.dtd-bonnet-compare-card {\n min-width: 0;\n\n padding: 33px;\n\n border: 1px solid rgba(255,255,255,.12);\n border-radius: 25px;\n\n background: rgba(255,255,255,.05);\n\n -webkit-backdrop-filter: blur(14px);\n backdrop-filter: blur(14px);\n\n text-align: left;\n\n transition:\n transform .35s ease,\n border-color .35s ease,\n background .35s ease,\n box-shadow .35s ease;\n}\n\n.dtd-bonnet-compare-card:hover {\n transform: translateY(-6px);\n}\n\n.dtd-bonnet-compare-card.featured {\n border-color: rgba(242,167,183,.35);\n\n background:\n radial-gradient(\n circle at 90% 0%,\n rgba(242,167,183,.17),\n transparent 40%\n ),\n linear-gradient(\n 145deg,\n rgba(242,167,183,.12),\n rgba(255,255,255,.05)\n );\n\n box-shadow: 0 25px 65px rgba(0,0,0,.18);\n}\n\n.dtd-bonnet-compare-icon {\n margin-bottom: 18px;\n\n font-size: 31px;\n}\n\n.dtd-bonnet-compare-card h3 {\n margin: 0 0 11px;\n\n color: #fff;\n\n font-size: 23px;\n line-height: 1.35;\n}\n\n.dtd-bonnet-compare-card p {\n margin: 0;\n\n color: rgba(255,255,255,.67);\n\n font-size: 15px;\n line-height: 1.72;\n}\n\n.dtd-bonnet-vs {\n position: absolute;\n z-index: 5;\n\n top: 50%;\n left: 50%;\n\n width: 48px;\n height: 48px;\n\n display: grid;\n place-items: center;\n\n transform: translate(-50%,-50%);\n\n border-radius: 50%;\n\n background: var(--cream);\n\n box-shadow: 0 12px 30px rgba(0,0,0,.25);\n\n color: var(--plum);\n\n font-size: 12px;\n font-weight: 800;\n}\n\n\/* =========================================================\n BENEFITS\n========================================================= *\/\n\n.dtd-bonnet-benefits {\n width: 100%;\n\n margin-top: 88px;\n\n text-align: center;\n}\n\n.dtd-bonnet-benefit-grid {\n display: grid;\n grid-template-columns: repeat(3,minmax(0,1fr));\n\n gap: 16px;\n margin-top: 38px;\n}\n\n.dtd-bonnet-benefit {\n min-width: 0;\n\n padding: 29px 23px;\n\n border: 1px solid rgba(255,255,255,.11);\n border-radius: 23px;\n\n background:\n linear-gradient(\n 145deg,\n rgba(255,255,255,.065),\n rgba(255,255,255,.035)\n );\n\n text-align: left;\n\n transition:\n transform .35s ease,\n background .35s ease,\n border-color .35s ease,\n box-shadow .35s ease;\n}\n\n.dtd-bonnet-benefit:hover {\n transform: translateY(-7px);\n\n border-color: rgba(242,167,183,.30);\n\n background: rgba(255,255,255,.08);\n\n box-shadow: 0 18px 45px rgba(0,0,0,.14);\n}\n\n.dtd-bonnet-benefit-icon {\n width: 50px;\n height: 50px;\n\n display: grid;\n place-items: center;\n\n margin-bottom: 19px;\n\n border: 1px solid rgba(242,167,183,.20);\n border-radius: 15px;\n\n background: rgba(242,167,183,.13);\n\n font-size: 23px;\n\n transition: transform .35s ease;\n}\n\n.dtd-bonnet-benefit:hover .dtd-bonnet-benefit-icon {\n transform: scale(1.08) rotate(-3deg);\n}\n\n.dtd-bonnet-benefit h3 {\n margin: 0 0 9px;\n\n color: #fff;\n\n font-size: 18px;\n line-height: 1.35;\n}\n\n.dtd-bonnet-benefit p {\n margin: 0;\n\n color: rgba(255,255,255,.64);\n\n font-size: 14px;\n line-height: 1.7;\n}\n\n\/* =========================================================\n NIGHT ROUTINE\n========================================================= *\/\n\n.dtd-bonnet-routine {\n width: 100%;\n\n margin-top: 88px;\n padding: 46px;\n\n border: 1px solid rgba(255,255,255,.13);\n border-radius: 28px;\n\n background:\n radial-gradient(\n circle at 90% 15%,\n rgba(242,167,183,.16),\n transparent 37%\n ),\n linear-gradient(\n 145deg,\n rgba(255,255,255,.08),\n rgba(255,255,255,.035)\n );\n\n box-shadow: 0 30px 80px rgba(0,0,0,.18);\n}\n\n.dtd-bonnet-routine-grid {\n display: grid;\n grid-template-columns: minmax(0,1fr) minmax(0,1fr);\n align-items: center;\n\n gap: 45px;\n}\n\n.dtd-bonnet-routine-label {\n color: #F2B6C5;\n\n font-size: 12px;\n line-height: 1.4;\n letter-spacing: .15em;\n text-transform: uppercase;\n font-weight: 800;\n}\n\n.dtd-bonnet-routine h2 {\n margin: 13px 0 16px;\n\n padding-bottom: 8px;\n\n color: #fff;\n\n font-size: clamp(34px,5vw,53px);\n line-height: 1.13;\n letter-spacing: -.04em;\n\n overflow: visible;\n}\n\n.dtd-bonnet-routine p {\n margin: 0;\n\n color: rgba(255,255,255,.69);\n\n font-size: 16px;\n line-height: 1.76;\n}\n\n.dtd-bonnet-routine-list {\n display: grid;\n\n gap: 12px;\n}\n\n.dtd-bonnet-routine-item {\n display: flex;\n align-items: center;\n\n gap: 14px;\n padding: 16px;\n\n border: 1px solid rgba(255,255,255,.10);\n border-radius: 17px;\n\n background: rgba(255,255,255,.055);\n\n transition:\n transform .3s ease,\n background .3s ease,\n border-color .3s ease;\n}\n\n.dtd-bonnet-routine-item:hover {\n transform: translateX(5px);\n\n background: rgba(255,255,255,.085);\n border-color: rgba(242,167,183,.22);\n}\n\n.dtd-bonnet-routine-icon {\n width: 40px;\n height: 40px;\n min-width: 40px;\n\n display: grid;\n place-items: center;\n\n border-radius: 12px;\n\n background: rgba(242,167,183,.13);\n\n font-size: 18px;\n}\n\n.dtd-bonnet-routine-item strong {\n display: block;\n\n margin-bottom: 2px;\n\n color: #fff;\n\n font-size: 14px;\n line-height: 1.4;\n}\n\n.dtd-bonnet-routine-item small {\n color: rgba(255,255,255,.57);\n\n font-size: 12px;\n line-height: 1.45;\n}\n\n\/* =========================================================\n MADE FOR YOUR ROUTINE\n========================================================= *\/\n\n.dtd-bonnet-uses {\n width: 100%;\n\n margin-top: 88px;\n\n text-align: center;\n}\n\n.dtd-bonnet-use-grid {\n display: grid;\n grid-template-columns: repeat(4,minmax(0,1fr));\n\n gap: 14px;\n margin-top: 37px;\n}\n\n.dtd-bonnet-use {\n min-width: 0;\n\n padding: 27px 18px;\n\n border: 1px solid rgba(255,255,255,.10);\n border-radius: 21px;\n\n background: rgba(255,255,255,.045);\n\n transition:\n transform .35s ease,\n background .35s ease;\n}\n\n.dtd-bonnet-use:hover {\n transform: translateY(-6px);\n\n background: rgba(255,255,255,.075);\n}\n\n.dtd-bonnet-use-icon {\n margin-bottom: 13px;\n\n font-size: 27px;\n}\n\n.dtd-bonnet-use strong {\n display: block;\n\n margin-bottom: 7px;\n\n color: #fff;\n\n font-size: 15px;\n line-height: 1.4;\n}\n\n.dtd-bonnet-use span {\n color: rgba(255,255,255,.58);\n\n font-size: 13px;\n line-height: 1.55;\n}\n\n\/* =========================================================\n BRAND STATEMENT\n========================================================= *\/\n\n.dtd-bonnet-quote {\n width: calc(100% - 30px);\n max-width: 850px;\n\n margin: 92px auto 0;\n\n text-align: center;\n}\n\n.dtd-bonnet-quote-mark {\n color: var(--pink);\n\n font-size: 49px;\n line-height: 1;\n\n opacity: .72;\n}\n\n.dtd-bonnet-quote h2 {\n margin: 17px 0;\n\n padding-bottom: 8px;\n\n color: #fff;\n\n font-size: clamp(31px,5vw,48px);\n line-height: 1.17;\n letter-spacing: -.035em;\n\n overflow: visible;\n}\n\n.dtd-bonnet-quote p {\n margin: 0;\n\n color: #F2B8C6;\n\n font-size: 13px;\n line-height: 1.4;\n letter-spacing: .18em;\n text-transform: uppercase;\n font-weight: 750;\n}\n\n\/* =========================================================\n FINAL PANEL\n========================================================= *\/\n\n.dtd-bonnet-final {\n position: relative;\n\n width: 100%;\n\n margin-top: 76px;\n padding: 52px 30px;\n\n overflow: hidden;\n\n border: 1px solid rgba(255,255,255,.13);\n border-radius: 28px;\n\n background:\n radial-gradient(\n circle at 50% 115%,\n rgba(242,167,183,.27),\n transparent 45%\n ),\n linear-gradient(145deg,#302034,#4A3150);\n\n text-align: center;\n}\n\n.dtd-bonnet-final::before {\n content: \"\";\n\n position: absolute;\n\n top: -130px;\n left: 50%;\n\n width: 260px;\n height: 260px;\n\n transform: translateX(-50%);\n\n border-radius: 50%;\n\n background: rgba(242,167,183,.14);\n\n filter: blur(70px);\n\n pointer-events: none;\n}\n\n.dtd-bonnet-final \u003e * {\n position: relative;\n z-index: 2;\n}\n\n.dtd-bonnet-final-small {\n color: #F2B5C4;\n\n font-size: 12px;\n line-height: 1.5;\n letter-spacing: .18em;\n text-transform: uppercase;\n font-weight: 800;\n}\n\n.dtd-bonnet-final h2 {\n margin: 14px 0 13px;\n\n padding-bottom: 8px;\n\n color: #fff;\n\n font-size: clamp(37px,6vw,59px);\n line-height: 1.13;\n letter-spacing: -.045em;\n\n overflow: visible;\n}\n\n.dtd-bonnet-final p {\n width: calc(100% - 30px);\n max-width: 650px;\n\n margin: 0 auto;\n\n color: rgba(255,255,255,.70);\n\n font-size: 16px;\n line-height: 1.72;\n}\n\n.dtd-bonnet-trust {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n\n gap: 10px 24px;\n margin-top: 28px;\n\n color: rgba(255,255,255,.82);\n\n font-size: 13px;\n line-height: 1.5;\n font-weight: 650;\n}\n\n.dtd-bonnet-trust span::before {\n content: \"โœ“\";\n\n margin-right: 7px;\n\n color: #F3B5C4;\n}\n\n.dtd-bonnet-note {\n width: calc(100% - 30px);\n max-width: 800px;\n\n margin: 25px auto 0;\n\n color: rgba(255,255,255,.44);\n\n font-size: 11px;\n line-height: 1.6;\n\n text-align: center;\n}\n\n\/* =========================================================\n ANIMATIONS\n========================================================= *\/\n\n@keyframes bonnetShimmer {\n 0% {\n background-position: 200% center;\n }\n\n 100% {\n background-position: -20% center;\n }\n}\n\n@keyframes bonnetTravel {\n 0% {\n left: -35%;\n }\n\n 100% {\n left: 110%;\n }\n}\n\n@keyframes bonnetPulse {\n 0%,\n 100% {\n transform: scale(1);\n opacity: .8;\n }\n\n 50% {\n transform: scale(1.25);\n opacity: 1;\n }\n}\n\n@keyframes bonnetFloat {\n 0%,\n 100% {\n transform: translateY(0);\n }\n\n 50% {\n transform: translateY(-5px);\n }\n}\n\n@keyframes bonnetGlowOne {\n from {\n transform: translate(0,0) scale(1);\n }\n\n to {\n transform: translate(55px,40px) scale(1.15);\n }\n}\n\n@keyframes bonnetGlowTwo {\n from {\n transform: translate(0,0) scale(1);\n }\n\n to {\n transform: translate(-45px,-35px) scale(1.1);\n }\n}\n\n@keyframes bonnetFadeUp {\n from {\n opacity: 0;\n transform: translateY(22px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media screen and (max-width: 850px) {\n\n .dtd-bonnet {\n padding: 65px 0;\n\n border-radius: 24px;\n }\n\n .dtd-bonnet-inner {\n width: calc(100% - 48px);\n }\n\n .dtd-bonnet-compare-grid,\n .dtd-bonnet-routine-grid {\n grid-template-columns: minmax(0,1fr);\n }\n\n .dtd-bonnet-benefit-grid {\n grid-template-columns:\n repeat(2,minmax(0,1fr));\n }\n\n .dtd-bonnet-use-grid {\n grid-template-columns:\n repeat(2,minmax(0,1fr));\n }\n}\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 600px) {\n\n .dtd-bonnet {\n width: 100%;\n max-width: 100%;\n\n padding: 52px 0;\n\n border-radius: 20px;\n }\n\n \/* PERMANENT SAFE AREA *\/\n\n .dtd-bonnet-inner {\n width: calc(100% - 40px);\n max-width: none;\n\n margin-left: auto;\n margin-right: auto;\n }\n\n .dtd-bonnet-hero {\n width: 100%;\n }\n\n .dtd-bonnet-hero h1 {\n width: 100%;\n\n margin: 20px auto 11px;\n\n padding-top: 5px;\n padding-bottom: 19px;\n\n font-size: clamp(38px,10.5vw,46px);\n line-height: 1.15;\n letter-spacing: -.045em;\n\n overflow: visible;\n }\n\n .dtd-bonnet-hero h1 span {\n padding-top: 3px;\n padding-bottom: 14px;\n\n line-height: 1.15;\n\n overflow: visible;\n }\n\n .dtd-bonnet-hook {\n width: calc(100% - 20px);\n\n font-size: 20px;\n line-height: 1.45;\n }\n\n .dtd-bonnet-hero-copy {\n width: calc(100% - 32px);\n\n font-size: 15px;\n line-height: 1.75;\n }\n\n .dtd-bonnet-product {\n width: calc(100% - 24px);\n\n font-size: 11px;\n letter-spacing: .09em;\n }\n\n .dtd-bonnet-pills {\n gap: 8px;\n }\n\n .dtd-bonnet-pill {\n padding: 9px 11px;\n\n font-size: 11px;\n }\n\n .dtd-bonnet-journey {\n padding: 22px 16px;\n }\n\n .dtd-bonnet-journey-line {\n gap: 10px;\n }\n\n .dtd-bonnet-journey-icon {\n width: 44px;\n height: 44px;\n\n font-size: 21px;\n }\n\n .dtd-bonnet-compare,\n .dtd-bonnet-benefits,\n .dtd-bonnet-routine,\n .dtd-bonnet-uses {\n margin-top: 68px;\n }\n\n .dtd-bonnet-compare-grid {\n grid-template-columns: minmax(0,1fr);\n\n gap: 30px;\n }\n\n .dtd-bonnet-vs {\n width: 42px;\n height: 42px;\n }\n\n .dtd-bonnet-benefit-grid,\n .dtd-bonnet-use-grid {\n grid-template-columns: minmax(0,1fr);\n }\n\n .dtd-bonnet-routine {\n padding: 30px 20px;\n }\n\n .dtd-bonnet-routine-grid {\n gap: 30px;\n }\n\n .dtd-bonnet-final {\n padding: 42px 20px;\n }\n\n .dtd-bonnet-trust {\n flex-direction: column;\n align-items: center;\n }\n}\n\n\/* =========================================================\n SMALL MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 390px) {\n\n .dtd-bonnet-inner {\n width: calc(100% - 28px);\n }\n\n .dtd-bonnet-hero h1 {\n font-size: 36px;\n line-height: 1.17;\n\n padding-bottom: 20px;\n }\n\n .dtd-bonnet-hero h1 span {\n line-height: 1.17;\n\n padding-bottom: 15px;\n }\n\n .dtd-bonnet-hero-copy {\n width: calc(100% - 24px);\n\n font-size: 14px;\n }\n\n .dtd-bonnet-compare-card,\n .dtd-bonnet-benefit,\n .dtd-bonnet-use {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n .dtd-bonnet-routine {\n padding-left: 17px;\n padding-right: 17px;\n }\n}\n\n\/* =========================================================\n REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n .dtd-bonnet *,\n .dtd-bonnet *::before,\n .dtd-bonnet *::after {\n animation: none !important;\n transition: none !important;\n }\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"dtd-bonnet\"\u003e\n\n \u003cdiv class=\"dtd-bonnet-inner\"\u003e\n\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"dtd-bonnet-hero\"\u003e\n\n \u003cdiv class=\"dtd-bonnet-eyebrow\"\u003e\n Dusk to Dawn Essential\n \u003c\/div\u003e\n\n \u003ch1\u003e\n Your Hair's Nighttime\n \u003cspan\u003eBeauty Ritual.\u003c\/span\u003e\n \u003c\/h1\u003e\n\n \u003cdiv class=\"dtd-bonnet-hook\"\u003e\n Protect Tonight. Wake Up Ready. ๐ŸŒ™โœจ\n \u003c\/div\u003e\n\n \u003cp class=\"dtd-bonnet-hero-copy\"\u003e\n Meet the Dusk to Dawn Satin Sleep Bonnet โ€” a soft,\n effortless addition to your nighttime hair routine.\n Gently cover your hair, settle into bed and let satin\n become part of the way you wind down.\n \u003c\/p\u003e\n\n \u003cdiv class=\"dtd-bonnet-product\"\u003e\n Satin Sleep Bonnet\n \u003c\/div\u003e\n\n \u003cdiv class=\"dtd-bonnet-pills\"\u003e\n\n \u003cdiv class=\"dtd-bonnet-pill\"\u003e\n โœจ Smooth Satin Feel\n \u003c\/div\u003e\n\n \u003cdiv class=\"dtd-bonnet-pill\"\u003e\n ๐ŸŒ™ Overnight Comfort\n \u003c\/div\u003e\n\n \u003cdiv class=\"dtd-bonnet-pill\"\u003e\n ๐Ÿ’œ Less Direct Friction\n \u003c\/div\u003e\n\n \u003cdiv class=\"dtd-bonnet-pill\"\u003e\n ๐ŸŽ€ Effortless Hair Care\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- NIGHT TO MORNING --\u003e\n \u003cdiv class=\"dtd-bonnet-journey\"\u003e\n\n \u003cdiv class=\"dtd-bonnet-journey-line\"\u003e\n\n \u003cdiv class=\"dtd-bonnet-journey-icon\"\u003e\n ๐ŸŒ™\n \u003c\/div\u003e\n\n \u003cdiv class=\"dtd-bonnet-track\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"dtd-bonnet-journey-icon\"\u003e\n โ˜€๏ธ\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"dtd-bonnet-journey-text\"\u003e\n\n \u003cstrong\u003e\n Cover at dusk. Uncover at dawn.\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Finish your routine. Tuck your hair away.\n Relax. Sleep. Wake up and start your morning.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- COMPARISON --\u003e\n \u003cdiv class=\"dtd-bonnet-compare\"\u003e\n\n \u003ch2 class=\"dtd-bonnet-title\"\u003e\n Give your hair a softer night.\n \u003c\/h2\u003e\n\n \u003cp class=\"dtd-bonnet-copy\"\u003e\n Your hair moves against your bedding throughout the night.\n Adding a smooth satin layer gives your nighttime hair\n routine a simple upgrade.\n \u003c\/p\u003e\n\n \u003cdiv class=\"dtd-bonnet-compare-grid\"\u003e\n\n\n \u003cdiv class=\"dtd-bonnet-compare-card\"\u003e\n\n \u003cdiv class=\"dtd-bonnet-compare-icon\"\u003e\n ๐Ÿ›๏ธ\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Hair Left Uncovered\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Hair can move directly against your bedding as you\n change position throughout the night, leaving it\n more disturbed by morning.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"dtd-bonnet-vs\"\u003e\n VS\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"dtd-bonnet-compare-card featured\"\u003e\n\n \u003cdiv class=\"dtd-bonnet-compare-icon\"\u003e\n โœจ\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Satin Sleep Bonnet\n \u003c\/h3\u003e\n\n \u003cp\u003e\n A smooth satin layer helps reduce direct friction\n between your hair and bedding while keeping your\n hair comfortably contained overnight.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- BENEFITS --\u003e\n \u003cdiv class=\"dtd-bonnet-benefits\"\u003e\n\n \u003ch2 class=\"dtd-bonnet-title\"\u003e\n Why you'll love it.\n \u003c\/h2\u003e\n\n \u003cp class=\"dtd-bonnet-copy\"\u003e\n A small nighttime step designed to make your hair-care\n routine feel softer, simpler and more intentional.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"dtd-bonnet-benefit-grid\"\u003e\n\n\n \u003cdiv class=\"dtd-bonnet-benefit\"\u003e\n\n \u003cdiv class=\"dtd-bonnet-benefit-icon\"\u003e\n ๐ŸŒ™\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Made for Overnight Wear\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Designed to become an effortless part of your\n regular bedtime hair routine.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"dtd-bonnet-benefit\"\u003e\n\n \u003cdiv class=\"dtd-bonnet-benefit-icon\"\u003e\n โœจ\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Smooth Satin Feel\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Soft satin creates a smooth layer between your\n hair and your bedding while you rest.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"dtd-bonnet-benefit\"\u003e\n\n \u003cdiv class=\"dtd-bonnet-benefit-icon\"\u003e\n ๐Ÿ’œ\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Less Direct Friction\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Helps reduce direct rubbing between your hair\n and your pillow as you move during sleep.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"dtd-bonnet-benefit\"\u003e\n\n \u003cdiv class=\"dtd-bonnet-benefit-icon\"\u003e\n ๐ŸŽ€\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Keeps Hair Contained\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Helps keep longer hair and styled hair comfortably\n gathered while you sleep.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"dtd-bonnet-benefit\"\u003e\n\n \u003cdiv class=\"dtd-bonnet-benefit-icon\"\u003e\n โ˜€๏ธ\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Easier Mornings\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Keep your nighttime hair routine organised until\n you're ready to start your morning styling.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"dtd-bonnet-benefit\"\u003e\n\n \u003cdiv class=\"dtd-bonnet-benefit-icon\"\u003e\n ๐ŸŒ™\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Dusk to Dawn Essential\n \u003c\/h3\u003e\n\n \u003cp\u003e\n A simple hair-care step designed around the hours\n you already spend sleeping.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- NIGHT ROUTINE --\u003e\n \u003cdiv class=\"dtd-bonnet-routine\"\u003e\n\n \u003cdiv class=\"dtd-bonnet-routine-grid\"\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"dtd-bonnet-routine-label\"\u003e\n Your Nighttime Hair Ritual\n \u003c\/div\u003e\n\n \u003ch2\u003e\n The final step before sleep.\n \u003c\/h2\u003e\n\n \u003cp\u003e\n Finish your evening routine, gently tuck your hair\n into the Satin Sleep Bonnet and settle in.\n No complicated routine โ€” just a simple hair-care\n step that fits naturally into your night.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"dtd-bonnet-routine-list\"\u003e\n\n\n \u003cdiv class=\"dtd-bonnet-routine-item\"\u003e\n\n \u003cdiv class=\"dtd-bonnet-routine-icon\"\u003e\n ๐Ÿงด\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003cstrong\u003e1. Finish Your Hair Routine\u003c\/strong\u003e\n \u003csmall\u003eGet your hair ready for the night.\u003c\/small\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"dtd-bonnet-routine-item\"\u003e\n\n \u003cdiv class=\"dtd-bonnet-routine-icon\"\u003e\n ๐ŸŽ€\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003cstrong\u003e2. Tuck \u0026amp; Cover\u003c\/strong\u003e\n \u003csmall\u003eGently place your hair inside the bonnet.\u003c\/small\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"dtd-bonnet-routine-item\"\u003e\n\n \u003cdiv class=\"dtd-bonnet-routine-icon\"\u003e\n ๐ŸŒ™\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003cstrong\u003e3. Relax \u0026amp; Sleep\u003c\/strong\u003e\n \u003csmall\u003eSettle into your normal nighttime routine.\u003c\/small\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"dtd-bonnet-routine-item\"\u003e\n\n \u003cdiv class=\"dtd-bonnet-routine-icon\"\u003e\n โ˜€๏ธ\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003cstrong\u003e4. Morning Reveal\u003c\/strong\u003e\n \u003csmall\u003eRemove your bonnet and start your day.\u003c\/small\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- DIFFERENT ROUTINES --\u003e\n \u003cdiv class=\"dtd-bonnet-uses\"\u003e\n\n \u003ch2 class=\"dtd-bonnet-title\"\u003e\n Made for your nighttime routine.\n \u003c\/h2\u003e\n\n \u003cp class=\"dtd-bonnet-copy\"\u003e\n Whether you're preserving a style or simply keeping\n your hair comfortably contained, make satin part\n of the way you wind down.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"dtd-bonnet-use-grid\"\u003e\n\n\n \u003cdiv class=\"dtd-bonnet-use\"\u003e\n\n \u003cdiv class=\"dtd-bonnet-use-icon\"\u003e\n ใ€ฐ๏ธ\n \u003c\/div\u003e\n\n \u003cstrong\u003e\n Curls \u0026amp; Waves\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Add a smooth satin layer to your overnight routine.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"dtd-bonnet-use\"\u003e\n\n \u003cdiv class=\"dtd-bonnet-use-icon\"\u003e\n โœจ\n \u003c\/div\u003e\n\n \u003cstrong\u003e\n Styled Hair\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Keep your hair comfortably contained while you rest.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"dtd-bonnet-use\"\u003e\n\n \u003cdiv class=\"dtd-bonnet-use-icon\"\u003e\n ๐ŸŽ€\n \u003c\/div\u003e\n\n \u003cstrong\u003e\n Longer Hair\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Tuck your hair away before settling into bed.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"dtd-bonnet-use\"\u003e\n\n \u003cdiv class=\"dtd-bonnet-use-icon\"\u003e\n ๐ŸŒ™\n \u003c\/div\u003e\n\n \u003cstrong\u003e\n Everyday Hair Care\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Make the bonnet the final step in your night.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- BRAND STATEMENT --\u003e\n \u003cdiv class=\"dtd-bonnet-quote\"\u003e\n\n \u003cdiv class=\"dtd-bonnet-quote-mark\"\u003e\n โ€œ\n \u003c\/div\u003e\n\n \u003ch2\u003e\n Your hair deserves a nighttime routine too.\n \u003c\/h2\u003e\n\n \u003cp\u003e\n Dusk to Dawn Beauty\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- FINAL --\u003e\n \u003cdiv class=\"dtd-bonnet-final\"\u003e\n\n \u003cdiv class=\"dtd-bonnet-final-small\"\u003e\n Satin Sleep Bonnet\n \u003c\/div\u003e\n\n \u003ch2\u003e\n Protect Tonight.\u003cbr\u003e\n Wake Up Ready.\n \u003c\/h2\u003e\n\n \u003cp\u003e\n Turn one of the simplest parts of your bedtime routine\n into an effortless hair-care ritual. Tuck, cover,\n relax and let satin take you from dusk to dawn.\n \u003c\/p\u003e\n\n \u003cdiv class=\"dtd-bonnet-trust\"\u003e\n\n \u003cspan\u003eSoft satin\u003c\/span\u003e\n\n \u003cspan\u003eOvernight comfort\u003c\/span\u003e\n\n \u003cspan\u003eLess direct friction\u003c\/span\u003e\n\n \u003cspan\u003eEffortless hair care\u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"dtd-bonnet-note\"\u003e\n Hair results and experiences may vary depending on hair type,\n hairstyle and individual use. Follow the care and usage\n instructions supplied with your bonnet.\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Dusk to Dawn Beauty","offers":[{"title":"Default Title","offer_id":62814417813585,"sku":null,"price":199.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1079\/4621\/3457\/files\/c5a25101-b4e0-444b-bf2b-7e875884bf9e.png?v=1791219038"}],"url":"https:\/\/dusktodawnbeauty.co.za\/collections\/frontpage.oembed","provider":"Dusk to Dawn Beauty","version":"1.0","type":"link"}