{"product_id":"soft-hours™-neck-saviour-neck-shoulder-massager","title":"Soft Hours™ Neck Saviour (Neck \u0026 Shoulder Massager)","description":"\u003cstyle\u003e\n\/* =====================================================\n   SOFT HOURS™ — NECK SAVIOUR\n   LIGHT SAGE • KHAKI • CREAM • DUSTY PINK\n===================================================== *\/\n\n.sh-wrap {\n  width: 100%;\n  overflow: hidden;\n  background: #E3EDE1;\n  color: #506052;\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Helvetica Neue\",\n    Arial,\n    sans-serif;\n}\n\n.sh-container {\n  width: 100%;\n  max-width: 1150px;\n  margin: 0 auto;\n  padding: 0 24px;\n}\n\n.sh-wrap *,\n.sh-wrap *::before,\n.sh-wrap *::after {\n  box-sizing: border-box;\n}\n\n\n\/* =====================================================\n   HERO\n===================================================== *\/\n\n.sh-hero {\n  min-height: 600px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  padding: 90px 0;\n\n  text-align: center;\n\n  background:\n    radial-gradient(\n      circle at 50% 40%,\n      #F0F5EC 0%,\n      #E6EFE3 35%,\n      #DCE9D9 70%,\n      #D3E3D1 100%\n    );\n}\n\n.sh-hero-inner {\n  width: 100%;\n  max-width: 820px;\n  margin: 0 auto;\n}\n\n\n\/* =====================================================\n   LABEL\n===================================================== *\/\n\n.sh-label {\n  display: inline-block;\n\n  margin-bottom: 24px;\n  padding: 9px 16px;\n\n  border-radius: 50px;\n\n  background: #DED7BD;\n  color: #69644F;\n\n  font-size: 11px;\n  font-weight: 700;\n\n  letter-spacing: 2px;\n  text-transform: uppercase;\n}\n\n\n\/* =====================================================\n   HERO TITLE\n===================================================== *\/\n\n.sh-title {\n  margin: 0;\n\n  color: #536555;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size: clamp(48px, 7vw, 86px);\n\n  font-weight: 400;\n\n  line-height: 0.98;\n\n  letter-spacing: -4px;\n}\n\n.sh-title em {\n  display: block;\n\n  margin-top: 12px;\n\n  color: #B98F8A;\n\n  font-style: italic;\n}\n\n\n\/* =====================================================\n   DESCRIPTION\n===================================================== *\/\n\n.sh-description {\n  max-width: 650px;\n\n  margin: 30px auto 0;\n\n  color: #68786A;\n\n  font-size: 17px;\n\n  line-height: 1.75;\n}\n\n.sh-description strong {\n  color: #877C5D;\n}\n\n\n\/* =====================================================\n   WHY YOU'LL LOVE IT\n===================================================== *\/\n\n.sh-features {\n  padding: 90px 0;\n\n  background:\n    linear-gradient(\n      180deg,\n      #D7E5D5 0%,\n      #CDDFCB 100%\n    );\n}\n\n.sh-heading {\n  max-width: 650px;\n\n  margin: 0 auto 50px;\n\n  text-align: center;\n}\n\n.sh-heading h2 {\n  margin: 0;\n\n  color: #536555;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size: clamp(38px, 5vw, 54px);\n\n  font-weight: 400;\n\n  line-height: 1.05;\n\n  letter-spacing: -2px;\n}\n\n.sh-heading p {\n  margin: 14px 0 0;\n\n  color: #718073;\n\n  font-size: 14px;\n\n  line-height: 1.6;\n}\n\n\n\/* =====================================================\n   FEATURE GRID\n===================================================== *\/\n\n.sh-feature-grid {\n  display: grid;\n\n  grid-template-columns: repeat(5, 1fr);\n\n  gap: 14px;\n}\n\n\n\/* =====================================================\n   FEATURE CARDS\n===================================================== *\/\n\n.sh-feature {\n  min-height: 245px;\n\n  padding: 28px 22px;\n\n  background: #F7F5EB;\n\n  border: 1px solid #D8D8C4;\n\n  border-radius: 20px;\n\n  transition:\n    transform 0.3s ease,\n    box-shadow 0.3s ease,\n    border-color 0.3s ease;\n}\n\n.sh-feature:hover {\n  transform: translateY(-6px);\n\n  border-color: #C8C19F;\n\n  box-shadow:\n    0 18px 40px rgba(70, 90, 72, 0.12);\n}\n\n\n\/* =====================================================\n   FEATURE ICON\n===================================================== *\/\n\n.sh-icon {\n  width: 46px;\n  height: 46px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  margin-bottom: 20px;\n\n  border-radius: 50%;\n\n  background: #E1DDC6;\n\n  font-size: 20px;\n\n  transition:\n    transform 0.3s ease,\n    background 0.3s ease;\n}\n\n.sh-feature:hover .sh-icon {\n  transform: scale(1.08);\n\n  background: #D9D1B1;\n}\n\n\n\/* =====================================================\n   FEATURE TITLES\n===================================================== *\/\n\n.sh-feature h3 {\n  margin: 0 0 11px;\n\n  color: #596B5B;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size: 18px;\n\n  font-weight: 400;\n\n  line-height: 1.2;\n}\n\n\n\/* =====================================================\n   FEATURE TEXT\n===================================================== *\/\n\n.sh-feature p {\n  margin: 0;\n\n  color: #788078;\n\n  font-size: 12px;\n\n  line-height: 1.65;\n}\n\n\n\/* =====================================================\n   OUTCOMES\n===================================================== *\/\n\n.sh-outcomes {\n  padding: 95px 0;\n\n  background:\n    radial-gradient(\n      circle at center,\n      #DCE9D9 0%,\n      #D4E4D2 50%,\n      #CBDDC9 100%\n    );\n}\n\n.sh-outcomes-heading {\n  max-width: 700px;\n\n  margin: 0 auto 50px;\n\n  text-align: center;\n}\n\n.sh-outcomes-heading h2 {\n  margin: 0;\n\n  color: #536555;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size: clamp(38px, 5vw, 54px);\n\n  font-weight: 400;\n\n  line-height: 1.05;\n\n  letter-spacing: -2px;\n}\n\n.sh-outcomes-heading p {\n  max-width: 560px;\n\n  margin: 16px auto 0;\n\n  color: #718073;\n\n  font-size: 15px;\n\n  line-height: 1.7;\n}\n\n\n\/* =====================================================\n   OUTCOME GRID\n===================================================== *\/\n\n.sh-outcome-grid {\n  display: grid;\n\n  grid-template-columns: repeat(3, 1fr);\n\n  gap: 18px;\n}\n\n\n\/* =====================================================\n   OUTCOME CARDS\n===================================================== *\/\n\n.sh-outcome {\n  padding: 34px 28px;\n\n  background: #F7F5EB;\n\n  border: 1px solid #DAD8C5;\n\n  border-radius: 22px;\n\n  transition:\n    transform 0.3s ease,\n    box-shadow 0.3s ease,\n    background 0.3s ease;\n}\n\n.sh-outcome:hover {\n  transform: translateY(-5px);\n\n  box-shadow:\n    0 16px 35px rgba(70, 90, 72, 0.10);\n}\n\n\n\/* =====================================================\n   KHAKI ACCENT CARDS\n===================================================== *\/\n\n.sh-outcome:nth-child(1),\n.sh-outcome:nth-child(4) {\n  background: #EAE5D1;\n\n  border-color: #D8D0AF;\n}\n\n.sh-outcome:nth-child(1):hover,\n.sh-outcome:nth-child(4):hover {\n  background: #E4DFC9;\n}\n\n\n\/* =====================================================\n   PINK ACCENT CARDS\n===================================================== *\/\n\n.sh-outcome:nth-child(2),\n.sh-outcome:nth-child(5) {\n  background: #F3E5E2;\n\n  border-color: #E6D2CE;\n}\n\n.sh-outcome:nth-child(2):hover,\n.sh-outcome:nth-child(5):hover {\n  background: #EFDFDC;\n}\n\n\n\/* =====================================================\n   OUTCOME NUMBERS\n===================================================== *\/\n\n.sh-outcome-number {\n  margin-bottom: 18px;\n\n  color: #998C65;\n\n  font-size: 11px;\n\n  font-weight: 700;\n\n  letter-spacing: 2px;\n}\n\n.sh-outcome:nth-child(2) .sh-outcome-number,\n.sh-outcome:nth-child(5) .sh-outcome-number {\n  color: #B58B85;\n}\n\n\n\/* =====================================================\n   OUTCOME TITLES\n===================================================== *\/\n\n.sh-outcome h3 {\n  margin: 0 0 12px;\n\n  color: #596B5B;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size: 23px;\n\n  font-weight: 400;\n\n  line-height: 1.2;\n}\n\n\n\/* =====================================================\n   OUTCOME TEXT\n===================================================== *\/\n\n.sh-outcome p {\n  margin: 0;\n\n  color: #788078;\n\n  font-size: 13px;\n\n  line-height: 1.7;\n}\n\n\n\/* =====================================================\n   FINAL SECTION\n===================================================== *\/\n\n.sh-final {\n  padding: 100px 20px;\n\n  text-align: center;\n\n  background:\n    radial-gradient(\n      circle at 50% 35%,\n      #F0F5EC 0%,\n      #E2EDE0 40%,\n      #D6E5D3 70%,\n      #EEDDD9 100%\n    );\n}\n\n.sh-final-inner {\n  max-width: 750px;\n\n  margin: 0 auto;\n}\n\n.sh-final h2 {\n  margin: 0;\n\n  color: #536555;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size: clamp(42px, 6vw, 65px);\n\n  font-weight: 400;\n\n  line-height: 1;\n\n  letter-spacing: -3px;\n}\n\n.sh-final h2 em {\n  color: #B98F8A;\n\n  font-style: italic;\n}\n\n.sh-final p {\n  margin: 20px auto 0;\n\n  color: #718073;\n\n  font-size: 15px;\n\n  line-height: 1.7;\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media screen and (max-width: 950px) {\n\n  .sh-feature-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .sh-outcome-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media screen and (max-width: 600px) {\n\n  .sh-container {\n    padding: 0 16px;\n  }\n\n\n  \/* HERO *\/\n\n  .sh-hero {\n    min-height: auto;\n\n    padding: 70px 0 75px;\n  }\n\n  .sh-label {\n    margin-bottom: 20px;\n\n    padding: 8px 13px;\n\n    font-size: 9px;\n\n    letter-spacing: 1.5px;\n  }\n\n  .sh-title {\n    font-size: 46px;\n\n    letter-spacing: -2.5px;\n  }\n\n  .sh-title em {\n    margin-top: 9px;\n  }\n\n  .sh-description {\n    margin-top: 23px;\n\n    font-size: 14px;\n\n    line-height: 1.7;\n  }\n\n\n  \/* FEATURES *\/\n\n  .sh-features {\n    padding: 65px 0;\n  }\n\n  .sh-heading {\n    margin-bottom: 32px;\n  }\n\n  .sh-heading h2 {\n    font-size: 36px;\n\n    letter-spacing: -1.5px;\n  }\n\n  .sh-heading p {\n    font-size: 13px;\n  }\n\n  .sh-feature-grid {\n    grid-template-columns: 1fr;\n\n    gap: 12px;\n  }\n\n  .sh-feature {\n    min-height: auto;\n\n    padding: 24px;\n  }\n\n\n  \/* OUTCOMES *\/\n\n  .sh-outcomes {\n    padding: 70px 0;\n  }\n\n  .sh-outcomes-heading {\n    margin-bottom: 32px;\n  }\n\n  .sh-outcomes-heading h2 {\n    font-size: 36px;\n\n    letter-spacing: -1.5px;\n  }\n\n  .sh-outcomes-heading p {\n    font-size: 13px;\n  }\n\n  .sh-outcome-grid {\n    grid-template-columns: 1fr;\n\n    gap: 12px;\n  }\n\n  .sh-outcome {\n    padding: 27px 23px;\n  }\n\n  .sh-outcome h3 {\n    font-size: 21px;\n  }\n\n\n  \/* FINAL *\/\n\n  .sh-final {\n    padding: 75px 20px;\n  }\n\n  .sh-final h2 {\n    font-size: 43px;\n\n    letter-spacing: -2px;\n  }\n\n}\n\n\n\/* =====================================================\n   VERY SMALL PHONES\n===================================================== *\/\n\n@media screen and (max-width: 380px) {\n\n  .sh-title {\n    font-size: 40px;\n  }\n\n  .sh-outcomes-heading h2 {\n    font-size: 33px;\n  }\n\n  .sh-final h2 {\n    font-size: 38px;\n  }\n\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"sh-wrap\"\u003e\n\n\n  \u003c!-- ==================================================\n       HERO\n  ================================================== --\u003e\n\n  \u003csection class=\"sh-hero\"\u003e\n\n    \u003cdiv class=\"sh-container\"\u003e\n\n      \u003cdiv class=\"sh-hero-inner\"\u003e\n\n        \u003cdiv class=\"sh-label\"\u003e\n          Soft Hours™ Neck Saviour\n        \u003c\/div\u003e\n\n        \u003ch1 class=\"sh-title\"\u003e\n          You carry enough.\n          \u003cem\u003eLet something carry you back.\u003c\/em\u003e\n        \u003c\/h1\u003e\n\n        \u003cp class=\"sh-description\"\u003e\n          The \u003cstrong\u003eSoft Hours™ Neck Saviour\u003c\/strong\u003e\n          is your personal relief ritual — melting away\n          neck and shoulder tension so you can actually\n          feel like yourself again.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n\n  \u003c!-- ==================================================\n       WHY YOU'LL LOVE IT\n  ================================================== --\u003e\n\n  \u003csection class=\"sh-features\"\u003e\n\n    \u003cdiv class=\"sh-container\"\u003e\n\n      \u003cdiv class=\"sh-heading\"\u003e\n\n        \u003ch2\u003e\n          Why You'll Love It\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          Your personal relief ritual, whenever you need it.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"sh-feature-grid\"\u003e\n\n\n        \u003c!-- 01 --\u003e\n\n        \u003cdiv class=\"sh-feature\"\u003e\n\n          \u003cdiv class=\"sh-icon\"\u003e\n            🙌\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Hands-Free Comfort\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Adjustable straps keep it in place so you can\n            relax, work, or do absolutely nothing.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- 02 --\u003e\n\n        \u003cdiv class=\"sh-feature\"\u003e\n\n          \u003cdiv class=\"sh-icon\"\u003e\n            🔴\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Red Light Heat Therapy\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Deep, soothing warmth that creates a relaxing\n            experience while you unwind.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- 03 --\u003e\n\n        \u003cdiv class=\"sh-feature\"\u003e\n\n          \u003cdiv class=\"sh-icon\"\u003e\n            🤲\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Deep Kneading Massage\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Silicone massage hands work like real hands,\n            targeting areas of tension.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- 04 --\u003e\n\n        \u003cdiv class=\"sh-feature\"\u003e\n\n          \u003cdiv class=\"sh-icon\"\u003e\n            ⚡\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Multiple Modes\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Customise your intensity and heat to match\n            your mood.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- 05 --\u003e\n\n        \u003cdiv class=\"sh-feature\"\u003e\n\n          \u003cdiv class=\"sh-icon\"\u003e\n            🔋\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Cordless \u0026amp; Rechargeable\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Relief on your terms, wherever you are.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n\n  \u003c!-- ==================================================\n       OUTCOMES\n  ================================================== --\u003e\n\n  \u003csection class=\"sh-outcomes\"\u003e\n\n    \u003cdiv class=\"sh-container\"\u003e\n\n\n      \u003cdiv class=\"sh-outcomes-heading\"\u003e\n\n        \u003ch2\u003e\n          Things You'll Love About It\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          Little moments that help you slow down and unwind.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"sh-outcome-grid\"\u003e\n\n\n        \u003c!-- 01 --\u003e\n\n        \u003cdiv class=\"sh-outcome\"\u003e\n\n          \u003cdiv class=\"sh-outcome-number\"\u003e\n            01\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Feel More Relaxed\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Enjoy a calming massage whenever you need it.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- 02 --\u003e\n\n        \u003cdiv class=\"sh-outcome\"\u003e\n\n          \u003cdiv class=\"sh-outcome-number\"\u003e\n            02\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Unwind After a Long Day\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Soothing warmth for your evening reset.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- 03 --\u003e\n\n        \u003cdiv class=\"sh-outcome\"\u003e\n\n          \u003cdiv class=\"sh-outcome-number\"\u003e\n            03\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Make Time for Yourself\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            A few quiet minutes that are just yours.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- 04 --\u003e\n\n        \u003cdiv class=\"sh-outcome\"\u003e\n\n          \u003cdiv class=\"sh-outcome-number\"\u003e\n            04\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Create Your Own Ritual\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Choose your heat and intensity.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- 05 --\u003e\n\n        \u003cdiv class=\"sh-outcome\"\u003e\n\n          \u003cdiv class=\"sh-outcome-number\"\u003e\n            05\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Feel Ready to Reset\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Take a moment to slow down and recharge.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- 06 --\u003e\n\n        \u003cdiv class=\"sh-outcome\"\u003e\n\n          \u003cdiv class=\"sh-outcome-number\"\u003e\n            06\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Carry a Little Less\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Relax, breathe, and let the day go.\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n\n  \u003c!-- ==================================================\n       FINAL MESSAGE\n  ================================================== --\u003e\n\n  \u003csection class=\"sh-final\"\u003e\n\n    \u003cdiv class=\"sh-final-inner\"\u003e\n\n      \u003cdiv class=\"sh-label\"\u003e\n        Soft Hours™\n      \u003c\/div\u003e\n\n      \u003ch2\u003e\n        Slip it on.\n        \u003cem\u003eFeel the warmth. Let it all go.\u003c\/em\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Your moment to unwind.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n\u003c\/div\u003e","brand":"Soft Hours","offers":[{"title":"Default Title","offer_id":43218455232610,"sku":"SH-NS-001","price":2.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0687\/2920\/8930\/files\/soft-hours-switched-positions.png?v=1786796605","url":"https:\/\/softhours.co.za\/products\/soft-hours%e2%84%a2-neck-saviour-neck-shoulder-massager","provider":"Soft Hours","version":"1.0","type":"link"}