{"product_id":"peacepod-dreamband","title":"PeacePod™ DreamBand","description":"\u003cstyle\u003e\n\/* =========================================================\n   PEACEPOD™ DREAMBAND\n   PREMIUM PRODUCT CONTENT\n   WHITE + BLUE\n   ========================================================= *\/\n\n.pp-dreamband {\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  background: #ffffff;\n  color: #17283f;\n  font-family: inherit;\n}\n\n\n\/* =========================================================\n   OUTER CONTAINER\n   ========================================================= *\/\n\n.pp-dreamband-container {\n  width: 100%;\n  max-width: 1180px;\n  margin: 0 auto;\n  padding: 70px 24px;\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.pp-dreamband-hero {\n  position: relative;\n  width: 100%;\n  padding: 55px 20px 65px;\n  text-align: center;\n  background:\n    radial-gradient(\n      circle at 50% 0%,\n      rgba(89, 158, 226, 0.13),\n      transparent 45%\n    );\n}\n\n\n.pp-dreamband-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n\n  padding: 9px 16px;\n\n  margin-bottom: 22px;\n\n  border: 1px solid #d9e8f7;\n  border-radius: 999px;\n\n  background: #f1f7fd;\n\n  color: #3978c9;\n\n  font-size: 11px;\n  font-weight: 700;\n\n  letter-spacing: 1.8px;\n  text-transform: uppercase;\n}\n\n\n.pp-dreamband-badge-dot {\n  width: 7px;\n  height: 7px;\n\n  border-radius: 50%;\n\n  background: #3978c9;\n\n  box-shadow:\n    0 0 0 4px rgba(57,120,201,.10);\n}\n\n\n.pp-dreamband-title {\n  max-width: 850px;\n\n  margin: 0 auto 22px;\n\n  color: #14253d;\n\n  font-size: clamp(42px, 6vw, 74px);\n\n  font-weight: 500;\n\n  line-height: 1;\n\n  letter-spacing: -3.5px;\n}\n\n\n.pp-dreamband-title-accent {\n  color: #3978c9;\n}\n\n\n.pp-dreamband-description {\n  max-width: 670px;\n\n  margin: 0 auto 28px;\n\n  color: #65758a;\n\n  font-size: 17px;\n\n  line-height: 1.75;\n}\n\n\n\/* =========================================================\n   QUICK BENEFITS\n   ========================================================= *\/\n\n.pp-dreamband-pills {\n  display: flex;\n\n  flex-wrap: wrap;\n\n  justify-content: center;\n\n  gap: 9px;\n\n  width: 100%;\n}\n\n\n.pp-dreamband-pill {\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 7px;\n\n  padding: 9px 13px;\n\n  background: #ffffff;\n\n  border: 1px solid #e0eaf3;\n\n  border-radius: 10px;\n\n  color: #50637a;\n\n  font-size: 12px;\n\n  box-shadow:\n    0 6px 20px rgba(35,76,116,.05);\n}\n\n\n.pp-dreamband-pill-check {\n  color: #3978c9;\n\n  font-weight: 800;\n}\n\n\n\/* =========================================================\n   QUICK FEATURE BAR\n   ========================================================= *\/\n\n.pp-dreamband-features {\n  display: grid;\n\n  grid-template-columns: repeat(4, 1fr);\n\n  width: 100%;\n\n  border-top: 1px solid #e3ebf4;\n\n  border-bottom: 1px solid #e3ebf4;\n\n  margin: 0 0 80px;\n}\n\n\n.pp-dreamband-feature {\n  min-width: 0;\n\n  padding: 25px 15px;\n\n  text-align: center;\n\n  border-right: 1px solid #e3ebf4;\n}\n\n\n.pp-dreamband-feature:last-child {\n  border-right: 0;\n}\n\n\n.pp-dreamband-feature-icon {\n  width: 42px;\n  height: 42px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  margin: 0 auto 10px;\n\n  border-radius: 13px;\n\n  background: #edf6ff;\n\n  font-size: 19px;\n}\n\n\n.pp-dreamband-feature-title {\n  display: block;\n\n  margin-bottom: 4px;\n\n  color: #17283f;\n\n  font-size: 13px;\n\n  font-weight: 700;\n}\n\n\n.pp-dreamband-feature-text {\n  display: block;\n\n  color: #708096;\n\n  font-size: 11px;\n\n  line-height: 1.45;\n}\n\n\n\/* =========================================================\n   BENEFITS INTRO\n   ========================================================= *\/\n\n.pp-dreamband-intro {\n  width: 100%;\n\n  max-width: 760px;\n\n  margin: 0 auto 45px;\n\n  text-align: center;\n}\n\n\n.pp-dreamband-kicker {\n  margin-bottom: 13px;\n\n  color: #3978c9;\n\n  font-size: 10px;\n\n  font-weight: 800;\n\n  letter-spacing: 2.5px;\n\n  text-transform: uppercase;\n}\n\n\n.pp-dreamband-heading {\n  margin: 0 0 14px;\n\n  color: #14253d;\n\n  font-size: clamp(32px, 5vw, 52px);\n\n  font-weight: 500;\n\n  line-height: 1.08;\n\n  letter-spacing: -2px;\n}\n\n\n.pp-dreamband-intro-text {\n  margin: 0;\n\n  color: #6b7a8e;\n\n  font-size: 15px;\n\n  line-height: 1.7;\n}\n\n\n\/* =========================================================\n   BENEFIT GRID\n   ========================================================= *\/\n\n.pp-dreamband-benefits {\n  display: grid;\n\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n\n  gap: 16px;\n\n  width: 100%;\n\n  height: auto;\n\n  min-height: 0;\n}\n\n\n\/* =========================================================\n   BENEFIT CARD\n   ========================================================= *\/\n\n.pp-dreamband-card {\n  position: relative;\n\n  width: 100%;\n\n  height: auto;\n\n  min-height: 0;\n\n  padding: 29px 26px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #ffffff 0%,\n      #f8fbff 100%\n    );\n\n  border: 1px solid #e0eaf3;\n\n  border-radius: 19px;\n\n  box-shadow:\n    0 10px 32px rgba(30,72,113,.055);\n\n  transition:\n    transform .35s ease,\n    box-shadow .35s ease,\n    border-color .35s ease;\n\n  animation:\n    ppCardAppear .7s ease both;\n}\n\n\n.pp-dreamband-card:nth-child(1) {\n  animation-delay: .05s;\n}\n\n.pp-dreamband-card:nth-child(2) {\n  animation-delay: .10s;\n}\n\n.pp-dreamband-card:nth-child(3) {\n  animation-delay: .15s;\n}\n\n.pp-dreamband-card:nth-child(4) {\n  animation-delay: .20s;\n}\n\n.pp-dreamband-card:nth-child(5) {\n  animation-delay: .25s;\n}\n\n.pp-dreamband-card:nth-child(6) {\n  animation-delay: .30s;\n}\n\n\n.pp-dreamband-card:hover {\n  transform: translateY(-6px);\n\n  border-color: #c9dff3;\n\n  box-shadow:\n    0 20px 50px rgba(30,72,113,.10);\n}\n\n\n\/* =========================================================\n   CARD ICON\n   ========================================================= *\/\n\n.pp-dreamband-card-icon {\n  width: 47px;\n  height: 47px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  margin-bottom: 19px;\n\n  border-radius: 14px;\n\n  background: #eaf4ff;\n\n  font-size: 21px;\n}\n\n\n\/* =========================================================\n   CARD TEXT\n   ========================================================= *\/\n\n.pp-dreamband-card-title {\n  margin: 0 0 9px;\n\n  color: #17283f;\n\n  font-size: 18px;\n\n  font-weight: 700;\n\n  line-height: 1.3;\n}\n\n\n.pp-dreamband-card-text {\n  margin: 0;\n\n  color: #68788d;\n\n  font-size: 14px;\n\n  line-height: 1.7;\n}\n\n\n\/* =========================================================\n   ANIMATION\n   ========================================================= *\/\n\n@keyframes ppCardAppear {\n\n  from {\n    opacity: 0;\n\n    transform: translateY(20px);\n  }\n\n  to {\n    opacity: 1;\n\n    transform: translateY(0);\n  }\n\n}\n\n\n@keyframes ppHeroAppear {\n\n  from {\n    opacity: 0;\n\n    transform: translateY(18px);\n  }\n\n  to {\n    opacity: 1;\n\n    transform: translateY(0);\n  }\n\n}\n\n\n.pp-dreamband-hero {\n  animation:\n    ppHeroAppear .8s ease both;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 950px) and (min-width: 701px) {\n\n  .pp-dreamband-container {\n    padding: 60px 22px;\n  }\n\n\n  .pp-dreamband-benefits {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n\n  .pp-dreamband-title {\n    font-size: 58px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 700px) {\n\n  .pp-dreamband-container {\n    width: 100%;\n\n    padding:\n      0\n      14px\n      45px;\n  }\n\n\n  \/* HERO *\/\n\n  .pp-dreamband-hero {\n    padding:\n      38px\n      4px\n      42px;\n  }\n\n\n  .pp-dreamband-badge {\n    margin-bottom: 18px;\n\n    padding:\n      8px\n      13px;\n\n    font-size: 9px;\n\n    letter-spacing: 1.5px;\n  }\n\n\n  .pp-dreamband-title {\n    width: 100%;\n\n    font-size: 41px;\n\n    line-height: 1.02;\n\n    letter-spacing: -2.4px;\n\n    margin-bottom: 18px;\n  }\n\n\n  .pp-dreamband-description {\n    width: 100%;\n\n    font-size: 14px;\n\n    line-height: 1.7;\n\n    margin-bottom: 22px;\n  }\n\n\n  \/* PILLS *\/\n\n  .pp-dreamband-pills {\n    gap: 7px;\n  }\n\n\n  .pp-dreamband-pill {\n    padding:\n      8px\n      10px;\n\n    font-size: 10px;\n\n    border-radius: 9px;\n  }\n\n\n  \/* FEATURE BAR *\/\n\n  .pp-dreamband-features {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n\n    margin-bottom: 55px;\n  }\n\n\n  .pp-dreamband-feature {\n    padding:\n      18px\n      7px;\n\n    border-bottom: 1px solid #e3ebf4;\n  }\n\n\n  .pp-dreamband-feature:nth-child(2),\n  .pp-dreamband-feature:nth-child(4) {\n    border-right: 0;\n  }\n\n\n  .pp-dreamband-feature:nth-child(3),\n  .pp-dreamband-feature:nth-child(4) {\n    border-bottom: 0;\n  }\n\n\n  .pp-dreamband-feature-icon {\n    width: 38px;\n    height: 38px;\n\n    border-radius: 11px;\n\n    font-size: 17px;\n\n    margin-bottom: 7px;\n  }\n\n\n  .pp-dreamband-feature-title {\n    font-size: 10px;\n\n    margin-bottom: 3px;\n  }\n\n\n  .pp-dreamband-feature-text {\n    font-size: 8px;\n\n    line-height: 1.4;\n  }\n\n\n  \/* INTRO *\/\n\n  .pp-dreamband-intro {\n    margin-bottom: 29px;\n  }\n\n\n  .pp-dreamband-kicker {\n    font-size: 8px;\n\n    letter-spacing: 2px;\n\n    margin-bottom: 9px;\n  }\n\n\n  .pp-dreamband-heading {\n    font-size: 29px;\n\n    line-height: 1.08;\n\n    letter-spacing: -1.4px;\n\n    margin-bottom: 11px;\n  }\n\n\n  .pp-dreamband-intro-text {\n    font-size: 13px;\n\n    line-height: 1.65;\n  }\n\n\n  \/* CARDS *\/\n\n  .pp-dreamband-benefits {\n    display: grid;\n\n    grid-template-columns: 1fr;\n\n    gap: 11px;\n\n    width: 100%;\n\n    height: auto;\n\n    min-height: 0;\n  }\n\n\n  .pp-dreamband-card {\n\n    width: 100%;\n\n    height: auto;\n\n    min-height: 0;\n\n    padding:\n      20px\n      18px;\n\n    border-radius: 15px;\n\n    transform: none !important;\n  }\n\n\n  .pp-dreamband-card:hover {\n    transform: none !important;\n  }\n\n\n  .pp-dreamband-card-icon {\n\n    width: 39px;\n    height: 39px;\n\n    border-radius: 11px;\n\n    font-size: 17px;\n\n    margin-bottom: 12px;\n  }\n\n\n  .pp-dreamband-card-title {\n\n    font-size: 16px;\n\n    line-height: 1.3;\n\n    margin-bottom: 6px;\n  }\n\n\n  .pp-dreamband-card-text {\n\n    font-size: 12.5px;\n\n    line-height: 1.6;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL PHONES\n   ========================================================= *\/\n\n@media (max-width: 380px) {\n\n  .pp-dreamband-container {\n    padding-left: 11px;\n    padding-right: 11px;\n  }\n\n\n  .pp-dreamband-title {\n    font-size: 37px;\n\n    letter-spacing: -2px;\n  }\n\n\n  .pp-dreamband-heading {\n    font-size: 27px;\n  }\n\n\n  .pp-dreamband-card {\n    padding:\n      18px\n      16px;\n  }\n\n}\n\n\n\/* =========================================================\n   ACCESSIBILITY\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .pp-dreamband *,\n  .pp-dreamband *::before,\n  .pp-dreamband *::after {\n\n    animation: none !important;\n\n    transition: none !important;\n\n  }\n\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"pp-dreamband\"\u003e\n\n  \u003cdiv class=\"pp-dreamband-container\"\u003e\n\n\n    \u003c!-- ===================================================\n         HERO\n         =================================================== --\u003e\n\n    \u003csection class=\"pp-dreamband-hero\"\u003e\n\n      \u003cdiv class=\"pp-dreamband-badge\"\u003e\n\n        \u003cspan class=\"pp-dreamband-badge-dot\"\u003e\u003c\/span\u003e\n\n        PeacePod™ DreamBand\n\n      \u003c\/div\u003e\n\n\n      \u003ch1 class=\"pp-dreamband-title\"\u003e\n\n        Meet your new favorite way to\n        \u003cspan class=\"pp-dreamband-title-accent\"\u003e\n          switch off.\n        \u003c\/span\u003e\n\n      \u003c\/h1\u003e\n\n\n      \u003cp class=\"pp-dreamband-description\"\u003e\n\n        A comfortable sleep mask with built-in Bluetooth\n        audio, designed to help you block out unwanted\n        light, enjoy your favourite sounds and create\n        a more peaceful nighttime routine.\n\n      \u003c\/p\u003e\n\n\n      \u003cdiv class=\"pp-dreamband-pills\"\u003e\n\n\n        \u003cdiv class=\"pp-dreamband-pill\"\u003e\n\n          \u003cspan class=\"pp-dreamband-pill-check\"\u003e\n            ✓\n          \u003c\/span\u003e\n\n          Light-blocking design\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"pp-dreamband-pill\"\u003e\n\n          \u003cspan class=\"pp-dreamband-pill-check\"\u003e\n            ✓\n          \u003c\/span\u003e\n\n          Built-in Bluetooth audio\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"pp-dreamband-pill\"\u003e\n\n          \u003cspan class=\"pp-dreamband-pill-check\"\u003e\n            ✓\n          \u003c\/span\u003e\n\n          Soft wraparound fit\n\n        \u003c\/div\u003e\n\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n\n\n    \u003c!-- ===================================================\n         QUICK FEATURES\n         =================================================== --\u003e\n\n    \u003csection class=\"pp-dreamband-features\"\u003e\n\n\n      \u003cdiv class=\"pp-dreamband-feature\"\u003e\n\n        \u003cdiv class=\"pp-dreamband-feature-icon\"\u003e\n          🎧\n        \u003c\/div\u003e\n\n        \u003cspan class=\"pp-dreamband-feature-title\"\u003e\n          Built-in Audio\n        \u003c\/span\u003e\n\n        \u003cspan class=\"pp-dreamband-feature-text\"\u003e\n          No separate earbuds needed\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"pp-dreamband-feature\"\u003e\n\n        \u003cdiv class=\"pp-dreamband-feature-icon\"\u003e\n          🌙\n        \u003c\/div\u003e\n\n        \u003cspan class=\"pp-dreamband-feature-title\"\u003e\n          Light Blocking\n        \u003c\/span\u003e\n\n        \u003cspan class=\"pp-dreamband-feature-text\"\u003e\n          Designed to reduce unwanted light\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"pp-dreamband-feature\"\u003e\n\n        \u003cdiv class=\"pp-dreamband-feature-icon\"\u003e\n          ✨\n        \u003c\/div\u003e\n\n        \u003cspan class=\"pp-dreamband-feature-title\"\u003e\n          Comfort Focused\n        \u003c\/span\u003e\n\n        \u003cspan class=\"pp-dreamband-feature-text\"\u003e\n          Soft wraparound design\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"pp-dreamband-feature\"\u003e\n\n        \u003cdiv class=\"pp-dreamband-feature-icon\"\u003e\n          🎶\n        \u003c\/div\u003e\n\n        \u003cspan class=\"pp-dreamband-feature-title\"\u003e\n          Your Audio\n        \u003c\/span\u003e\n\n        \u003cspan class=\"pp-dreamband-feature-text\"\u003e\n          Music, podcasts \u0026amp; more\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n    \u003c\/section\u003e\n\n\n\n    \u003c!-- ===================================================\n         BENEFITS INTRO\n         =================================================== --\u003e\n\n    \u003csection class=\"pp-dreamband-intro\"\u003e\n\n      \u003cdiv class=\"pp-dreamband-kicker\"\u003e\n        More than an eye mask\n      \u003c\/div\u003e\n\n\n      \u003ch2 class=\"pp-dreamband-heading\"\u003e\n        What can DreamBand do for you?\n      \u003c\/h2\u003e\n\n\n      \u003cp class=\"pp-dreamband-intro-text\"\u003e\n\n        Turn your usual nighttime routine into something\n        you actually look forward to.\n\n      \u003c\/p\u003e\n\n    \u003c\/section\u003e\n\n\n\n    \u003c!-- ===================================================\n         BENEFIT CARDS\n         =================================================== --\u003e\n\n    \u003csection class=\"pp-dreamband-benefits\"\u003e\n\n\n      \u003c!-- CARD 1 --\u003e\n\n      \u003carticle class=\"pp-dreamband-card\"\u003e\n\n        \u003cdiv class=\"pp-dreamband-card-icon\"\u003e\n          🌙\n        \u003c\/div\u003e\n\n        \u003ch3 class=\"pp-dreamband-card-title\"\u003e\n          Create a calmer environment\n        \u003c\/h3\u003e\n\n        \u003cp class=\"pp-dreamband-card-text\"\u003e\n\n          Block out unwanted light and create a quieter,\n          more private-feeling space when you're ready\n          to unwind.\n\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n\n\n      \u003c!-- CARD 2 --\u003e\n\n      \u003carticle class=\"pp-dreamband-card\"\u003e\n\n        \u003cdiv class=\"pp-dreamband-card-icon\"\u003e\n          🎧\n        \u003c\/div\u003e\n\n        \u003ch3 class=\"pp-dreamband-card-title\"\u003e\n          Enjoy audio without earbuds\n        \u003c\/h3\u003e\n\n        \u003cp class=\"pp-dreamband-card-text\"\u003e\n\n          Built-in Bluetooth speakers let you listen to\n          music, podcasts, meditation or relaxing sounds\n          without separate earphones.\n\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n\n\n      \u003c!-- CARD 3 --\u003e\n\n      \u003carticle class=\"pp-dreamband-card\"\u003e\n\n        \u003cdiv class=\"pp-dreamband-card-icon\"\u003e\n          🧘\n        \u003c\/div\u003e\n\n        \u003ch3 class=\"pp-dreamband-card-title\"\u003e\n          Make switching off easier\n        \u003c\/h3\u003e\n\n        \u003cp class=\"pp-dreamband-card-text\"\u003e\n\n          Create a simple ritual that helps you transition\n          from a busy day into your personal downtime.\n\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n\n\n      \u003c!-- CARD 4 --\u003e\n\n      \u003carticle class=\"pp-dreamband-card\"\u003e\n\n        \u003cdiv class=\"pp-dreamband-card-icon\"\u003e\n          ✈️\n        \u003c\/div\u003e\n\n        \u003ch3 class=\"pp-dreamband-card-title\"\u003e\n          Take your calm with you\n        \u003c\/h3\u003e\n\n        \u003cp class=\"pp-dreamband-card-text\"\u003e\n\n          Use it at home, while travelling, during downtime\n          or anywhere you want to create your own space.\n\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n\n\n      \u003c!-- CARD 5 --\u003e\n\n      \u003carticle class=\"pp-dreamband-card\"\u003e\n\n        \u003cdiv class=\"pp-dreamband-card-icon\"\u003e\n          🎶\n        \u003c\/div\u003e\n\n        \u003ch3 class=\"pp-dreamband-card-title\"\u003e\n          Listen your way\n        \u003c\/h3\u003e\n\n        \u003cp class=\"pp-dreamband-card-text\"\u003e\n\n          Choose the audio that fits your moment —\n          music, podcasts, meditation or white noise.\n\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n\n\n      \u003c!-- CARD 6 --\u003e\n\n      \u003carticle class=\"pp-dreamband-card\"\u003e\n\n        \u003cdiv class=\"pp-dreamband-card-icon\"\u003e\n          ✨\n        \u003c\/div\u003e\n\n        \u003ch3 class=\"pp-dreamband-card-title\"\u003e\n          Keep your routine simple\n        \u003c\/h3\u003e\n\n        \u003cp class=\"pp-dreamband-card-text\"\u003e\n\n          One comfortable design combines light coverage\n          and audio in one convenient product.\n\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n\n    \u003c\/section\u003e\n\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"PeacePod","offers":[{"title":"Default Title","offer_id":47626853384354,"sku":null,"price":499.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0730\/2217\/7442\/files\/peacepod-mask-beside-its-logo-branded-white-box.png?v=1790522381","url":"https:\/\/peacepod.co.za\/products\/peacepod-dreamband","provider":"PeacePod","version":"1.0","type":"link"}