{"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","url":"https:\/\/dusktodawnbeauty.co.za\/products\/bluetooth-audio-band","provider":"Dusk to Dawn Beauty","version":"1.0","type":"link"}