{"title":"Home page","description":null,"products":[{"product_id":"his-herhaven™-the-satin-knit","title":"His\u0026HerHaven™ The Satin Knit","description":"\u003cstyle\u003e\n\/* =========================================================\n   HIS\u0026HERHAVEN™ — SATIN KNIT PRODUCT SECTION\n   Lightweight \/ Mobile First \/ Shopify Friendly\n   ========================================================= *\/\n\n.hh-satin-section,\n.hh-satin-section * {\n  box-sizing: border-box;\n}\n\n.hh-satin-section {\n  --hh-bg: #f3f3f3;\n  --hh-card: #ffffff;\n  --hh-dark: #1d1d1d;\n  --hh-text: #555;\n  --hh-brown: #7b5d3d;\n  --hh-gold: #b8905c;\n  --hh-radius: 22px;\n\n  width: 100%;\n  padding: 65px 20px;\n  background: var(--hh-bg);\n  border-radius: var(--hh-radius);\n  overflow: hidden;\n}\n\n.hh-satin-container {\n  width: min(1100px, 100%);\n  margin: 0 auto;\n}\n\n\/* =========================\n   HEADER\n   ========================= *\/\n\n.hh-satin-brand {\n  margin: 0 0 12px;\n  text-align: center;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: clamp(22px, 3vw, 30px);\n  font-weight: 700;\n  letter-spacing: 3px;\n  line-height: 1.2;\n  color: #3d2c20;\n}\n\n.hh-satin-brand::after {\n  content: \"\";\n  display: block;\n  width: 90px;\n  height: 2px;\n  margin: 14px auto 0;\n  background: linear-gradient(\n    90deg,\n    transparent,\n    var(--hh-gold),\n    #222,\n    var(--hh-gold),\n    transparent\n  );\n}\n\n.hh-satin-title {\n  max-width: 900px;\n  margin: 0 auto 22px;\n  text-align: center;\n  font-family: inherit;\n  font-size: clamp(30px, 5vw, 46px);\n  font-weight: 700;\n  line-height: 1.15;\n  letter-spacing: -0.5px;\n  color: var(--hh-dark);\n}\n\n.hh-satin-title span {\n  display: block;\n  margin-top: 8px;\n  font-size: .58em;\n  font-weight: 600;\n  line-height: 1.35;\n  color: var(--hh-brown);\n}\n\n.hh-satin-description {\n  max-width: 820px;\n  margin: 0 auto;\n  text-align: center;\n  font-size: 17px;\n  line-height: 1.8;\n  color: var(--hh-text);\n}\n\n.hh-satin-description strong {\n  color: #292929;\n}\n\n\/* =========================\n   CTA\n   ========================= *\/\n\n.hh-satin-cta-wrap {\n  margin-top: 30px;\n  text-align: center;\n}\n\n.hh-satin-cta {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 9px;\n  min-height: 54px;\n  padding: 15px 34px;\n\n  border: 0;\n  border-radius: 999px;\n\n  background: linear-gradient(\n    135deg,\n    #6f5235,\n    #b8905c,\n    #765637\n  );\n\n  color: #fff;\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 1;\n  text-decoration: none;\n\n  box-shadow: 0 8px 24px rgba(75, 53, 30, .18);\n\n  transition:\n    transform .25s ease,\n    box-shadow .25s ease;\n}\n\n.hh-satin-cta:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 14px 30px rgba(75, 53, 30, .28);\n}\n\n.hh-satin-cta:focus-visible {\n  outline: 3px solid rgba(184, 144, 92, .45);\n  outline-offset: 4px;\n}\n\n\/* =========================\n   BENEFITS\n   ========================= *\/\n\n.hh-satin-benefits {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 20px;\n  margin-top: 48px;\n}\n\n.hh-satin-card {\n  position: relative;\n  padding: 26px 24px;\n  background: var(--hh-card);\n  border: 1px solid rgba(0, 0, 0, .05);\n  border-radius: 18px;\n\n  box-shadow: 0 8px 25px rgba(0, 0, 0, .055);\n\n  transition:\n    transform .25s ease,\n    box-shadow .25s ease;\n}\n\n.hh-satin-card:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 14px 32px rgba(0, 0, 0, .10);\n}\n\n.hh-satin-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 44px;\n  height: 44px;\n  margin-bottom: 15px;\n\n  border-radius: 50%;\n  background: #f2eee8;\n\n  font-size: 20px;\n}\n\n.hh-satin-card h3 {\n  margin: 0 0 9px;\n  font-size: 18px;\n  font-weight: 700;\n  line-height: 1.35;\n  color: #2b2b2b;\n}\n\n.hh-satin-card p {\n  margin: 0;\n  font-size: 14px;\n  line-height: 1.7;\n  color: #666;\n}\n\n\/* =========================\n   PERFECT FOR\n   ========================= *\/\n\n.hh-satin-perfect {\n  margin-top: 55px;\n  text-align: center;\n}\n\n.hh-satin-perfect h2 {\n  margin: 0 0 20px;\n  font-size: clamp(25px, 4vw, 32px);\n  line-height: 1.2;\n  color: #222;\n}\n\n.hh-satin-tags {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n}\n\n.hh-satin-tag {\n  padding: 10px 17px;\n  border-radius: 999px;\n  background: #292929;\n  color: #fff;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 1;\n  transition:\n    background .2s ease,\n    transform .2s ease;\n}\n\n.hh-satin-tag:hover {\n  background: var(--hh-brown);\n  transform: translateY(-2px);\n}\n\n\/* =========================\n   PROMISE\n   ========================= *\/\n\n.hh-satin-promise {\n  margin-top: 55px;\n  padding: 34px 28px;\n\n  border-radius: 20px;\n\n  background: linear-gradient(\n    135deg,\n    #262626,\n    #414141\n  );\n\n  text-align: center;\n  color: #fff;\n\n  box-shadow: 0 12px 30px rgba(0, 0, 0, .12);\n}\n\n.hh-satin-promise h2 {\n  margin: 0 0 15px;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: clamp(25px, 4vw, 30px);\n  line-height: 1.2;\n}\n\n.hh-satin-promise p {\n  max-width: 800px;\n  margin: 0 auto;\n  font-size: 16px;\n  line-height: 1.8;\n  color: #ddd;\n}\n\n.hh-satin-promise strong {\n  color: #fff;\n}\n\n\/* =========================\n   TABLET\n   ========================= *\/\n\n@media (max-width: 900px) {\n\n  .hh-satin-benefits {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n}\n\n\/* =========================\n   MOBILE\n   ========================= *\/\n\n@media (max-width: 600px) {\n\n  .hh-satin-section {\n    padding: 45px 15px;\n    border-radius: 18px;\n  }\n\n  .hh-satin-brand {\n    font-size: 21px;\n    letter-spacing: 2px;\n  }\n\n  .hh-satin-title {\n    font-size: 31px;\n  }\n\n  .hh-satin-title span {\n    font-size: .62em;\n  }\n\n  .hh-satin-description {\n    font-size: 15px;\n    line-height: 1.7;\n  }\n\n  .hh-satin-cta {\n    width: 100%;\n    max-width: 360px;\n    min-height: 56px;\n  }\n\n  .hh-satin-benefits {\n    grid-template-columns: 1fr;\n    gap: 14px;\n    margin-top: 38px;\n  }\n\n  .hh-satin-card {\n    padding: 22px 20px;\n  }\n\n  .hh-satin-perfect {\n    margin-top: 42px;\n  }\n\n  .hh-satin-tags {\n    gap: 8px;\n  }\n\n  .hh-satin-tag {\n    padding: 10px 14px;\n    font-size: 13px;\n  }\n\n  .hh-satin-promise {\n    margin-top: 42px;\n    padding: 28px 20px;\n  }\n\n  .hh-satin-promise p {\n    font-size: 14px;\n    line-height: 1.7;\n  }\n\n}\n\n\/* =========================\n   ACCESSIBILITY\n   ========================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .hh-satin-cta,\n  .hh-satin-card,\n  .hh-satin-tag {\n    transition: none;\n  }\n\n}\n\u003c\/style\u003e\n\n\n\u003csection class=\"hh-satin-section\" aria-labelledby=\"hh-satin-title\"\u003e\n\n  \u003cdiv class=\"hh-satin-container\"\u003e\n\n    \u003c!-- BRAND --\u003e\n\n    \u003cheader\u003e\n\n      \u003cdiv class=\"hh-satin-brand\"\u003e\n        His\u0026amp;HerHaven™\n      \u003c\/div\u003e\n\n      \u003ch1 id=\"hh-satin-title\" class=\"hh-satin-title\"\u003e\n\n        The Satin Knit\n\n        \u003cspan\u003e\n          Your Hair Deserves Better Than a Regular Beanie.\n        \u003c\/span\u003e\n\n      \u003c\/h1\u003e\n\n      \u003cdiv class=\"hh-satin-description\"\u003e\n\n        Introducing \u003cstrong\u003eThe Satin Knit\u003c\/strong\u003e — the luxury beanie\n        designed to keep you warm while helping protect your hair.\n\n        Why sacrifice your hairstyle for comfort when you can have both?\n\n        Proudly inspired by South African winters, The Satin Knit combines\n        a cosy knitted exterior with a silky satin lining designed to\n        reduce friction and help your hair stay looking its best.\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hh-satin-cta-wrap\"\u003e\n\n        \u003ca href=\"#product-form\" class=\"hh-satin-cta\" aria-label=\"Shop The Satin Knit\"\u003e\n          ✨ Shop The Satin Knit\n        \u003c\/a\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/header\u003e\n\n\n    \u003c!-- BENEFITS --\u003e\n\n    \u003cdiv class=\"hh-satin-benefits\"\u003e\n\n      \u003carticle class=\"hh-satin-card\"\u003e\n\n        \u003cdiv class=\"hh-satin-icon\" aria-hidden=\"true\"\u003e\n          ✨\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Reduces Frizz\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          The smooth satin lining glides over your hair instead of\n          creating the friction that can contribute to frizz.\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n\n      \u003carticle class=\"hh-satin-card\"\u003e\n\n        \u003cdiv class=\"hh-satin-icon\" aria-hidden=\"true\"\u003e\n          💧\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Helps Retain Moisture\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Satin helps reduce friction and moisture loss, helping your\n          hair feel softer and less dry during cold weather.\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n\n      \u003carticle class=\"hh-satin-card\"\u003e\n\n        \u003cdiv class=\"hh-satin-icon\" aria-hidden=\"true\"\u003e\n          💇\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Helps Preserve Your Style\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Keep your twist-outs, braid-outs, curls, blowouts and\n          protective styles looking fresh while staying warm.\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n\n      \u003carticle class=\"hh-satin-card\"\u003e\n\n        \u003cdiv class=\"hh-satin-icon\" aria-hidden=\"true\"\u003e\n          🛡️\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Reduces Hair Friction\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          The satin interior provides a smoother surface against your\n          hair, helping reduce the friction associated with breakage.\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n\n      \u003carticle class=\"hh-satin-card\"\u003e\n\n        \u003cdiv class=\"hh-satin-icon\" aria-hidden=\"true\"\u003e\n          ⚡\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Helps Reduce Static\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          The smooth satin lining helps minimise the friction that can\n          contribute to static and flyaway hair.\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n\n      \u003carticle class=\"hh-satin-card\"\u003e\n\n        \u003cdiv class=\"hh-satin-icon\" aria-hidden=\"true\"\u003e\n          🔥\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Warm \u0026amp; Comfortable\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          A cosy knitted exterior helps keep you warm while the satin\n          interior provides a smooth, comfortable finish.\n        \u003c\/p\u003e\n\n      \u003c\/article\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- PERFECT FOR --\u003e\n\n    \u003csection class=\"hh-satin-perfect\" aria-labelledby=\"hh-perfect-title\"\u003e\n\n      \u003ch2 id=\"hh-perfect-title\"\u003e\n        Perfect For\n      \u003c\/h2\u003e\n\n      \u003cdiv class=\"hh-satin-tags\"\u003e\n\n        \u003cspan class=\"hh-satin-tag\"\u003eNatural Hair\u003c\/span\u003e\n        \u003cspan class=\"hh-satin-tag\"\u003eLocs\u003c\/span\u003e\n        \u003cspan class=\"hh-satin-tag\"\u003eBraids\u003c\/span\u003e\n        \u003cspan class=\"hh-satin-tag\"\u003eRelaxed Hair\u003c\/span\u003e\n        \u003cspan class=\"hh-satin-tag\"\u003eProtective Styles\u003c\/span\u003e\n        \u003cspan class=\"hh-satin-tag\"\u003eAll Hair Types\u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/section\u003e\n\n\n    \u003c!-- BRAND PROMISE --\u003e\n\n    \u003csection class=\"hh-satin-promise\" aria-labelledby=\"hh-promise-title\"\u003e\n\n      \u003ch2 id=\"hh-promise-title\"\u003e\n        The His\u0026amp;HerHaven™ Promise\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n\n        We created \u003cstrong\u003eThe Satin Knit\u003c\/strong\u003e because we understand\n        how much care goes into your hair.\n\n        You shouldn't have to choose between staying warm and keeping\n        your hairstyle looking fresh.\n\n        Our mission is simple: provide premium satin-lined beanies that\n        combine warmth, comfort and hair care in one timeless design.\n\n      \u003c\/p\u003e\n\n    \u003c\/section\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e","brand":"HIS\u0026her haven","offers":[{"title":"Blue","offer_id":54533185667347,"sku":null,"price":119.99,"currency_code":"ZAR","in_stock":true},{"title":"Orange","offer_id":54533185700115,"sku":null,"price":119.99,"currency_code":"ZAR","in_stock":true},{"title":"White","offer_id":54533185732883,"sku":null,"price":119.99,"currency_code":"ZAR","in_stock":true},{"title":"Black","offer_id":54533185765651,"sku":null,"price":119.99,"currency_code":"ZAR","in_stock":true},{"title":"Red","offer_id":54533185798419,"sku":null,"price":119.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1001\/4959\/2339\/files\/WhatsAppImage2026-08-05at12.58.19_1.jpg?v=1785929680"}],"url":"https:\/\/hisherhaven.co.za\/collections\/frontpage.oembed","provider":"HIS\u0026her haven","version":"1.0","type":"link"}