{"product_id":"cart-society™-plush-spa-headband-combo","title":"Cart Society™ Self-Care Essential","description":"\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n\/* =====================================================\n   CART SOCIETY™ SELF-CARE SET\n   PREMIUM ANIMATED PRODUCT DESCRIPTION\n===================================================== *\/\n\n.cs-selfcare {\n  --cs-cream: #fcf9f7;\n  --cs-blush: #f3e5e7;\n  --cs-blush-dark: #e3c8cd;\n  --cs-brown: #302827;\n  --cs-soft-brown: #756866;\n  --cs-gold: #ae9270;\n  --cs-white: #ffffff;\n\n  position: relative;\n  overflow: hidden;\n  background: var(--cs-cream);\n  color: var(--cs-brown);\n  font-family: -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", Arial, sans-serif;\n  border-radius: 28px;\n  margin: 25px 0;\n}\n\n\/* --------------------------------\n   BACKGROUND\n-------------------------------- *\/\n\n.cs-selfcare::before {\n  content: \"\";\n  position: absolute;\n  width: 420px;\n  height: 420px;\n  border-radius: 50%;\n  background: rgba(243,229,231,.65);\n  top: -180px;\n  right: -150px;\n  animation: csFloat 8s ease-in-out infinite;\n}\n\n.cs-selfcare::after {\n  content: \"\";\n  position: absolute;\n  width: 280px;\n  height: 280px;\n  border-radius: 50%;\n  background: rgba(227,200,205,.25);\n  bottom: -120px;\n  left: -100px;\n  animation: csFloat 10s ease-in-out infinite reverse;\n}\n\n@keyframes csFloat {\n  0%,100% {\n    transform: translate(0,0);\n  }\n  50% {\n    transform: translate(-15px,20px);\n  }\n}\n\n\/* --------------------------------\n   INNER\n-------------------------------- *\/\n\n.cs-inner {\n  max-width: 1100px;\n  margin: auto;\n  padding: 70px 25px;\n  position: relative;\n  z-index: 2;\n}\n\n\/* --------------------------------\n   HERO\n-------------------------------- *\/\n\n.cs-hero {\n  text-align: center;\n  max-width: 760px;\n  margin: 0 auto 65px;\n}\n\n.cs-eyebrow {\n  display: inline-block;\n  color: var(--cs-gold);\n  font-size: 10px;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  margin-bottom: 18px;\n\n  opacity: 0;\n  animation: csFadeUp .8s ease forwards;\n}\n\n.cs-hero h2 {\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: clamp(40px, 6vw, 68px);\n  line-height: 1.02;\n  font-weight: 400;\n  letter-spacing: -2px;\n  margin: 0 0 25px;\n\n  opacity: 0;\n  animation: csFadeUp .9s ease .15s forwards;\n}\n\n.cs-hero h2 em {\n  font-style: italic;\n}\n\n.cs-intro {\n  color: var(--cs-soft-brown);\n  font-size: 16px;\n  line-height: 1.85;\n  max-width: 650px;\n  margin: auto;\n\n  opacity: 0;\n  animation: csFadeUp .9s ease .3s forwards;\n}\n\n@keyframes csFadeUp {\n  from {\n    opacity: 0;\n    transform: translateY(25px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* --------------------------------\n   PROBLEM SECTION\n-------------------------------- *\/\n\n.cs-problem {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 25px;\n  margin-bottom: 65px;\n}\n\n.cs-problem-card {\n  background: rgba(255,255,255,.7);\n  border: 1px solid rgba(174,146,112,.13);\n  border-radius: 24px;\n  padding: 35px;\n  box-shadow: 0 15px 45px rgba(50,35,35,.06);\n  transition: all .4s ease;\n}\n\n.cs-problem-card:hover {\n  transform: translateY(-7px);\n  box-shadow: 0 25px 55px rgba(50,35,35,.11);\n}\n\n.cs-problem-card.bad {\n  background: #faf4f3;\n}\n\n.cs-problem-card.good {\n  background: #f2e5e7;\n}\n\n.cs-problem-icon {\n  font-size: 28px;\n  margin-bottom: 18px;\n}\n\n.cs-problem-card h3 {\n  font-family: Georgia, serif;\n  font-weight: 400;\n  font-size: 25px;\n  margin: 0 0 12px;\n}\n\n.cs-problem-card p {\n  color: var(--cs-soft-brown);\n  font-size: 14px;\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* --------------------------------\n   HOW IT WORKS\n-------------------------------- *\/\n\n.cs-section-title {\n  text-align: center;\n  margin-bottom: 35px;\n}\n\n.cs-section-title span {\n  display: block;\n  color: var(--cs-gold);\n  font-size: 10px;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  margin-bottom: 10px;\n}\n\n.cs-section-title h3 {\n  font-family: Georgia, serif;\n  font-weight: 400;\n  font-size: 38px;\n  margin: 0;\n}\n\n.cs-steps {\n  display: grid;\n  grid-template-columns: repeat(4,1fr);\n  gap: 15px;\n  margin-bottom: 70px;\n}\n\n.cs-step {\n  position: relative;\n  background: white;\n  border-radius: 22px;\n  padding: 28px 20px;\n  text-align: center;\n  border: 1px solid rgba(174,146,112,.12);\n  transition: all .4s ease;\n}\n\n.cs-step:hover {\n  transform: translateY(-8px);\n  box-shadow: 0 20px 45px rgba(50,35,35,.09);\n}\n\n.cs-number {\n  width: 38px;\n  height: 38px;\n  margin: 0 auto 18px;\n  border-radius: 50%;\n  background: var(--cs-blush);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--cs-gold);\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.cs-step h4 {\n  font-family: Georgia, serif;\n  font-weight: 400;\n  font-size: 20px;\n  margin: 0 0 10px;\n}\n\n.cs-step p {\n  color: var(--cs-soft-brown);\n  font-size: 13px;\n  line-height: 1.65;\n  margin: 0;\n}\n\n\/* --------------------------------\n   BENEFITS\n-------------------------------- *\/\n\n.cs-benefits {\n  background: #f4e7e9;\n  border-radius: 30px;\n  padding: 55px 35px;\n  margin-bottom: 60px;\n  position: relative;\n  overflow: hidden;\n}\n\n.cs-benefits::before {\n  content: \"CS\";\n  position: absolute;\n  right: -10px;\n  top: -55px;\n  font-family: Georgia, serif;\n  font-size: 180px;\n  color: rgba(255,255,255,.3);\n  pointer-events: none;\n}\n\n.cs-benefit-grid {\n  display: grid;\n  grid-template-columns: repeat(3,1fr);\n  gap: 18px;\n  position: relative;\n  z-index: 2;\n}\n\n.cs-benefit {\n  background: rgba(255,255,255,.72);\n  padding: 28px 22px;\n  border-radius: 20px;\n  transition: all .35s ease;\n}\n\n.cs-benefit:hover {\n  background: white;\n  transform: translateY(-6px);\n}\n\n.cs-benefit-icon {\n  font-size: 24px;\n  margin-bottom: 14px;\n}\n\n.cs-benefit h4 {\n  font-family: Georgia, serif;\n  font-size: 19px;\n  font-weight: 400;\n  margin: 0 0 8px;\n}\n\n.cs-benefit p {\n  color: var(--cs-soft-brown);\n  font-size: 13px;\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* --------------------------------\n   WATER FEATURE\n-------------------------------- *\/\n\n.cs-water {\n  text-align: center;\n  padding: 65px 25px;\n  margin-bottom: 50px;\n  position: relative;\n}\n\n.cs-water-circle {\n  width: 145px;\n  height: 145px;\n  border-radius: 50%;\n  margin: 0 auto 30px;\n  background: linear-gradient(145deg,#fff,#f0dfe2);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 58px;\n  box-shadow:\n    0 20px 60px rgba(65,45,45,.12),\n    inset 0 0 0 1px rgba(174,146,112,.12);\n\n  animation: csPulse 4s ease-in-out infinite;\n}\n\n@keyframes csPulse {\n  0%,100% {\n    transform: scale(1);\n    box-shadow: 0 20px 60px rgba(65,45,45,.12);\n  }\n\n  50% {\n    transform: scale(1.05);\n    box-shadow: 0 25px 70px rgba(65,45,45,.17);\n  }\n}\n\n.cs-water h3 {\n  font-family: Georgia, serif;\n  font-size: clamp(32px,5vw,50px);\n  font-weight: 400;\n  margin: 0 0 15px;\n}\n\n.cs-water h3 em {\n  font-style: italic;\n}\n\n.cs-water p {\n  max-width: 600px;\n  margin: auto;\n  color: var(--cs-soft-brown);\n  line-height: 1.8;\n  font-size: 15px;\n}\n\n\/* --------------------------------\n   FREE GIFT\n-------------------------------- *\/\n\n.cs-gift {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 18px;\n  background: white;\n  border: 1px solid rgba(174,146,112,.18);\n  border-radius: 20px;\n  padding: 22px;\n  margin-bottom: 55px;\n  box-shadow: 0 12px 35px rgba(50,35,35,.05);\n}\n\n.cs-gift-icon {\n  font-size: 28px;\n  animation: csGift 2.5s ease-in-out infinite;\n}\n\n@keyframes csGift {\n  0%,100% {\n    transform: translateY(0) rotate(0);\n  }\n\n  50% {\n    transform: translateY(-5px) rotate(4deg);\n  }\n}\n\n.cs-gift strong {\n  font-size: 13px;\n  letter-spacing: .5px;\n}\n\n.cs-gift small {\n  display: block;\n  color: var(--cs-soft-brown);\n  font-size: 11px;\n  margin-top: 4px;\n}\n\n\/* --------------------------------\n   PERFECT FOR\n-------------------------------- *\/\n\n.cs-perfect {\n  text-align: center;\n  margin-bottom: 60px;\n}\n\n.cs-perfect h3 {\n  font-family: Georgia, serif;\n  font-size: 34px;\n  font-weight: 400;\n  margin: 0 0 25px;\n}\n\n.cs-tags {\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: 9px;\n}\n\n.cs-tag {\n  padding: 10px 16px;\n  border-radius: 50px;\n  background: white;\n  border: 1px solid rgba(174,146,112,.15);\n  color: var(--cs-soft-brown);\n  font-size: 12px;\n  transition: all .3s ease;\n}\n\n.cs-tag:hover {\n  background: var(--cs-brown);\n  color: white;\n  transform: translateY(-3px);\n}\n\n\/* --------------------------------\n   FINAL CTA\n-------------------------------- *\/\n\n.cs-final {\n  text-align: center;\n  border-top: 1px solid rgba(174,146,112,.15);\n  padding-top: 55px;\n}\n\n.cs-final h3 {\n  font-family: Georgia, serif;\n  font-size: clamp(30px,4vw,45px);\n  font-weight: 400;\n  margin: 0 0 12px;\n}\n\n.cs-final h3 em {\n  font-style: italic;\n}\n\n.cs-final p {\n  color: var(--cs-soft-brown);\n  font-size: 14px;\n  margin-bottom: 25px;\n}\n\n.cs-brand {\n  color: var(--cs-gold);\n  font-size: 10px;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n}\n\n\/* --------------------------------\n   MOBILE\n-------------------------------- *\/\n\n@media (max-width: 750px) {\n\n  .cs-inner {\n    padding: 55px 18px;\n  }\n\n  .cs-hero h2 {\n    font-size: 43px;\n  }\n\n  .cs-problem {\n    grid-template-columns: 1fr;\n  }\n\n  .cs-steps {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .cs-benefit-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .cs-benefits {\n    padding: 40px 20px;\n  }\n\n  .cs-water {\n    padding: 50px 10px;\n  }\n\n  .cs-perfect h3 {\n    font-size: 30px;\n  }\n\n}\n\n@media (max-width: 480px) {\n\n  .cs-steps {\n    grid-template-columns: 1fr;\n  }\n\n  .cs-gift {\n    justify-content: flex-start;\n    text-align: left;\n  }\n\n}\n\n\/* Accessibility *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .cs-selfcare *,\n  .cs-selfcare::before,\n  .cs-selfcare::after {\n    animation: none !important;\n    transition: none !important;\n  }\n\n}\n\u003c\/style\u003e\n\u003csection class=\"cs-selfcare\"\u003e\n\u003cdiv class=\"cs-inner\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"cs-hero\"\u003e\n\u003cdiv class=\"cs-eyebrow\"\u003eCART SOCIETY™ • SELF-CARE ESSENTIAL\u003c\/div\u003e\n\u003ch2\u003eYour beauty routine,\u003cbr\u003ewithout the \u003cem\u003emess.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"cs-intro\"\u003eMeet the little beauty essential that makes your everyday routine feel easier. Keep your hair back, catch those unwanted drips and enjoy your skincare routine without the usual mess.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- PROBLEM → SOLUTION --\u003e\n\u003cdiv class=\"cs-problem\"\u003e\n\u003cdiv class=\"cs-problem-card bad\"\u003e\n\u003cdiv class=\"cs-problem-icon\"\u003e💦\u003c\/div\u003e\n\u003ch3\u003eThe usual routine\u003c\/h3\u003e\n\u003cp\u003eWater running down your arms. Wet sleeves. Hair falling into your face. Constantly stopping what you're doing to wipe everything down.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-problem-card good\"\u003e\n\u003cdiv class=\"cs-problem-icon\"\u003e✨\u003c\/div\u003e\n\u003ch3\u003eThe Cart Society™ way\u003c\/h3\u003e\n\u003cp\u003eHair kept comfortably away from your face while absorbent wristbands help catch water at your wrists — making your routine feel cleaner, easier and more enjoyable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- HOW IT WORKS --\u003e\n\u003cdiv class=\"cs-section-title\"\u003e\n\u003cspan\u003eSimple by design\u003c\/span\u003e\n\u003ch3\u003eHow it works\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-steps\"\u003e\n\u003cdiv class=\"cs-step\"\u003e\n\u003cdiv class=\"cs-number\"\u003e01\u003c\/div\u003e\n\u003ch4\u003eSecure\u003c\/h4\u003e\n\u003cp\u003eSlip on the plush headband and keep your hair comfortably away from your face.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-step\"\u003e\n\u003cdiv class=\"cs-number\"\u003e02\u003c\/div\u003e\n\u003ch4\u003eWear\u003c\/h4\u003e\n\u003cp\u003ePlace one absorbent wristband around each wrist before starting your routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-step\"\u003e\n\u003cdiv class=\"cs-number\"\u003e03\u003c\/div\u003e\n\u003ch4\u003eEnjoy\u003c\/h4\u003e\n\u003cp\u003eCleanse, mask or get ready without constantly pushing your hair back or wiping water from your arms.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-step\"\u003e\n\u003cdiv class=\"cs-number\"\u003e04\u003c\/div\u003e\n\u003ch4\u003eReuse\u003c\/h4\u003e\n\u003cp\u003eWash the set after use and it's ready to become part of your next self-care moment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BENEFITS --\u003e\n\u003cdiv class=\"cs-section-title\"\u003e\n\u003cspan\u003eThe little things matter\u003c\/span\u003e\n\u003ch3\u003eWhy you'll love it\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-benefits\"\u003e\n\u003cdiv class=\"cs-benefit-grid\"\u003e\n\u003cdiv class=\"cs-benefit\"\u003e\n\u003cdiv class=\"cs-benefit-icon\"\u003e☁️\u003c\/div\u003e\n\u003ch4\u003eSoft \u0026amp; Comfortable\u003c\/h4\u003e\n\u003cp\u003ePlush material feels soft against your skin while keeping your hair comfortably in place.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-benefit\"\u003e\n\u003cdiv class=\"cs-benefit-icon\"\u003e💧\u003c\/div\u003e\n\u003ch4\u003eHelps Stop Drips\u003c\/h4\u003e\n\u003cp\u003eAbsorbent wristbands help catch water before it travels down your arms.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-benefit\"\u003e\n\u003cdiv class=\"cs-benefit-icon\"\u003e✨\u003c\/div\u003e\n\u003ch4\u003eHands-Free Routine\u003c\/h4\u003e\n\u003cp\u003eKeep your hair back so you can focus on cleansing, masking and getting ready.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-benefit\"\u003e\n\u003cdiv class=\"cs-benefit-icon\"\u003e♻️\u003c\/div\u003e\n\u003ch4\u003eWash \u0026amp; Reuse\u003c\/h4\u003e\n\u003cp\u003eDesigned for repeated use, making it an easy everyday beauty essential.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-benefit\"\u003e\n\u003cdiv class=\"cs-benefit-icon\"\u003e🧳\u003c\/div\u003e\n\u003ch4\u003eTravel Friendly\u003c\/h4\u003e\n\u003cp\u003eLightweight and easy to pack into your beauty bag or luggage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cs-benefit\"\u003e\n\u003cdiv class=\"cs-benefit-icon\"\u003e🧖♀️\u003c\/div\u003e\n\u003ch4\u003eAt-Home Spa Feel\u003c\/h4\u003e\n\u003cp\u003eTurn an ordinary skincare routine into a more comfortable self-care ritual.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- WATER MESSAGE --\u003e\n\u003cdiv class=\"cs-water\"\u003e\n\u003cdiv class=\"cs-water-circle\"\u003e💧\u003c\/div\u003e\n\u003ch3\u003eLess dripping.\u003cbr\u003eMore \u003cem\u003eself-care.\u003c\/em\u003e\n\u003c\/h3\u003e\n\u003cp\u003eThe wristbands sit comfortably around your wrists and help absorb water as you wash your face, helping prevent it from travelling down your arms and turning your routine into a clean-up session.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FREE GIFT --\u003e\n\u003cdiv class=\"cs-gift\"\u003e\n\u003cdiv class=\"cs-gift-icon\"\u003e🎀\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e FREE HAIRCLIP INCLUDED WITH YOUR ORDER \u003c\/strong\u003e \u003csmall\u003e A little extra from Cart Society™ to complete your routine. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- PERFECT FOR --\u003e\n\u003cdiv class=\"cs-perfect\"\u003e\n\u003ch3\u003eMade for your everyday moments.\u003c\/h3\u003e\n\u003cdiv class=\"cs-tags\"\u003e\n\u003cdiv class=\"cs-tag\"\u003eSkincare\u003c\/div\u003e\n\u003cdiv class=\"cs-tag\"\u003eCleansing\u003c\/div\u003e\n\u003cdiv class=\"cs-tag\"\u003eFace Masks\u003c\/div\u003e\n\u003cdiv class=\"cs-tag\"\u003eMakeup\u003c\/div\u003e\n\u003cdiv class=\"cs-tag\"\u003eSpa Days\u003c\/div\u003e\n\u003cdiv class=\"cs-tag\"\u003eGetting Ready\u003c\/div\u003e\n\u003cdiv class=\"cs-tag\"\u003eTravel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FINAL MESSAGE --\u003e\n\u003cdiv class=\"cs-final\"\u003e\n\u003ch3\u003eMake your routine\u003cbr\u003efeel a little more \u003cem\u003eeffortless.\u003c\/em\u003e\n\u003c\/h3\u003e\n\u003cp\u003eBecause self-care should feel good — not messy.\u003c\/p\u003e\n\u003cdiv class=\"cs-brand\"\u003eCART SOCIETY™\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cp\u003e```\u003c\/p\u003e","brand":"Cart Society","offers":[{"title":"Light Pink","offer_id":54589069361462,"sku":null,"price":185.0,"currency_code":"ZAR","in_stock":true},{"title":"Hot Pink","offer_id":67622728991030,"sku":null,"price":185.0,"currency_code":"ZAR","in_stock":false},{"title":"Purple","offer_id":54589069459766,"sku":null,"price":185.0,"currency_code":"ZAR","in_stock":true},{"title":"Gray","offer_id":54589069426998,"sku":null,"price":185.0,"currency_code":"ZAR","in_stock":true},{"title":"Black","offer_id":54589069394230,"sku":null,"price":185.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0995\/1710\/4438\/files\/pink.png?v=1787508277","url":"https:\/\/cartsociety.co.za\/products\/cart-society%e2%84%a2-plush-spa-headband-combo","provider":"Cart Society","version":"1.0","type":"link"}