{"product_id":"sandoff","title":"ChillLab™ SANDOFF","description":"\u003cstyle\u003e\n\/* ================================\n   CHILLLAB™ SANDOFF\n================================ *\/\n\n.sandoff-wrap,\n.sandoff-wrap * {\n  box-sizing: border-box;\n}\n\n.sandoff-wrap {\n  --navy: #063c52;\n  --blue: #11b8cc;\n  --green: #54ba9b;\n  --soft: #eefdff;\n  --muted: #52727d;\n\n  width: 100%;\n  overflow: hidden;\n  position: relative;\n  padding: 55px 20px 60px;\n\n  background:\n    radial-gradient(circle at 98% 10%, #f2e99a 0 58px, transparent 59px),\n    linear-gradient(180deg, #a9e8ee 0%, #c9f2f1 100%);\n\n  font-family: inherit;\n  color: var(--navy) !important;\n}\n\n\/* Decorative clouds *\/\n.sandoff-cloud {\n  position: absolute;\n  width: 70px;\n  height: 22px;\n  border-radius: 50px;\n  background: rgba(255,255,255,.55);\n  pointer-events: none;\n}\n\n.sandoff-cloud:before,\n.sandoff-cloud:after {\n  content: \"\";\n  position: absolute;\n  background: inherit;\n  border-radius: 50%;\n}\n\n.sandoff-cloud:before {\n  width: 30px;\n  height: 30px;\n  left: 14px;\n  bottom: 0;\n}\n\n.sandoff-cloud:after {\n  width: 37px;\n  height: 37px;\n  left: 32px;\n  bottom: 0;\n}\n\n.sandoff-cloud.one {\n  top: 115px;\n  left: -25px;\n}\n\n.sandoff-cloud.two {\n  top: 370px;\n  right: -30px;\n}\n\n\/* CONTENT *\/\n\n.sandoff-inner {\n  width: 100%;\n  max-width: 920px;\n  margin: 0 auto;\n  position: relative;\n  z-index: 2;\n  text-align: center;\n}\n\n\/* BADGE *\/\n\n.sandoff-pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n\n  padding: 9px 20px;\n  margin-bottom: 24px;\n\n  border: 1px solid rgba(255,255,255,.9);\n  border-radius: 999px;\n\n  background: rgba(255,255,255,.55);\n  backdrop-filter: blur(8px);\n\n  color: var(--navy) !important;\n  font-size: 13px !important;\n  font-weight: 800 !important;\n  letter-spacing: 1.6px;\n}\n\n\/* BRAND *\/\n\n.sandoff-brand {\n  margin: 0 !important;\n\n  color: var(--navy) !important;\n  font-size: clamp(48px, 8vw, 78px) !important;\n  font-weight: 900 !important;\n  line-height: .95 !important;\n  letter-spacing: -3px;\n}\n\n.sandoff-product {\n  display: block;\n  margin-top: 10px;\n\n  background: linear-gradient(90deg, #0eb9ce, #55b99c);\n  -webkit-background-clip: text;\n  background-clip: text;\n  color: transparent !important;\n\n  font-size: clamp(47px, 8vw, 76px) !important;\n  font-weight: 900 !important;\n  line-height: 1 !important;\n  letter-spacing: 1px;\n}\n\n\/* MAIN COPY *\/\n\n.sandoff-headline {\n  max-width: 760px;\n  margin: 30px auto 12px !important;\n\n  color: var(--navy) !important;\n  font-size: clamp(26px, 5vw, 38px) !important;\n  font-weight: 900 !important;\n  line-height: 1.13 !important;\n}\n\n.sandoff-description {\n  max-width: 720px;\n  margin: 0 auto !important;\n\n  color: var(--muted) !important;\n  font-size: 17px !important;\n  line-height: 1.6 !important;\n}\n\n\/* DEMO CARD *\/\n\n.sandoff-demo {\n  max-width: 780px;\n  margin: 42px auto 0;\n  padding: 35px 25px;\n\n  background: rgba(255,255,255,.70);\n  border: 1px solid rgba(255,255,255,.95);\n  border-radius: 28px;\n\n  box-shadow: 0 18px 45px rgba(4,70,88,.10);\n}\n\n.sandoff-demo h3 {\n  margin: 0 0 6px !important;\n  color: var(--navy) !important;\n  font-size: 28px !important;\n  font-weight: 900 !important;\n}\n\n.sandoff-demo-sub {\n  margin: 0 0 30px !important;\n  color: var(--muted) !important;\n  font-size: 15px !important;\n}\n\n\/* VISUAL *\/\n\n.sandoff-visual {\n  position: relative;\n  width: 250px;\n  height: 190px;\n  margin: 0 auto 28px;\n}\n\n\/* Sand *\/\n\n.sandoff-sand {\n  position: absolute;\n  bottom: 5px;\n  left: 50%;\n  transform: translateX(-50%);\n\n  width: 230px;\n  height: 70px;\n\n  background: #efd18b;\n  border-radius: 50%;\n  box-shadow: inset 0 -10px 20px rgba(188,133,55,.12);\n}\n\n\/* Feet *\/\n\n.sandoff-foot {\n  position: absolute;\n  z-index: 3;\n  font-size: 54px;\n  filter: drop-shadow(0 7px 6px rgba(0,0,0,.12));\n}\n\n.sandoff-foot.left {\n  left: 50px;\n  bottom: 55px;\n  transform: rotate(-13deg);\n}\n\n.sandoff-foot.right {\n  right: 45px;\n  bottom: 50px;\n  transform: rotate(12deg);\n}\n\n\/* Animated sand particles *\/\n\n.sandoff-grain {\n  position: absolute;\n  z-index: 4;\n  width: 6px;\n  height: 6px;\n  background: #d8a94c;\n  border-radius: 50%;\n  animation: sandFloat 2.3s ease-in-out infinite;\n}\n\n.sandoff-grain.g1 { left: 70px; bottom: 75px; }\n.sandoff-grain.g2 { left: 92px; bottom: 55px; animation-delay: .3s; }\n.sandoff-grain.g3 { right: 75px; bottom: 73px; animation-delay: .6s; }\n.sandoff-grain.g4 { right: 96px; bottom: 48px; animation-delay: .9s; }\n\n@keyframes sandFloat {\n  0%,100% {\n    transform: translateY(0);\n    opacity: .4;\n  }\n\n  50% {\n    transform: translateY(-18px);\n    opacity: 1;\n  }\n}\n\n\/* HOW IT WORKS *\/\n\n.sandoff-how {\n  margin: 10px 0 25px !important;\n  color: var(--navy) !important;\n  font-size: 21px !important;\n  font-weight: 900 !important;\n}\n\n.sandoff-steps {\n  display: grid;\n  grid-template-columns: repeat(3,1fr);\n  gap: 12px;\n}\n\n.sandoff-step {\n  padding: 18px 12px;\n\n  background: #ffffff;\n  border-radius: 18px;\n  border: 1px solid #e4f0f1;\n\n  color: var(--navy) !important;\n}\n\n.sandoff-step-icon {\n  display: block;\n  margin-bottom: 8px;\n  font-size: 27px;\n}\n\n.sandoff-step strong {\n  display: block;\n  margin-bottom: 4px;\n\n  color: var(--navy) !important;\n  font-size: 14px !important;\n  font-weight: 900 !important;\n}\n\n.sandoff-step span {\n  color: var(--muted) !important;\n  font-size: 12px !important;\n  line-height: 1.4 !important;\n}\n\n\/* FINAL TEXT *\/\n\n.sandoff-final {\n  margin-top: 28px;\n\n  color: var(--navy) !important;\n  font-size: 18px !important;\n  font-weight: 900 !important;\n}\n\n\/* MOBILE *\/\n\n@media(max-width: 600px) {\n\n  .sandoff-wrap {\n    padding: 38px 14px 42px;\n  }\n\n  .sandoff-pill {\n    font-size: 11px !important;\n    margin-bottom: 19px;\n  }\n\n  .sandoff-brand {\n    font-size: 49px !important;\n  }\n\n  .sandoff-product {\n    font-size: 45px !important;\n  }\n\n  .sandoff-headline {\n    margin-top: 25px !important;\n    font-size: 27px !important;\n  }\n\n  .sandoff-description {\n    font-size: 14px !important;\n  }\n\n  .sandoff-demo {\n    margin-top: 30px;\n    padding: 28px 15px;\n    border-radius: 23px;\n  }\n\n  .sandoff-demo h3 {\n    font-size: 23px !important;\n  }\n\n  .sandoff-steps {\n    grid-template-columns: 1fr;\n  }\n\n  .sandoff-step {\n    display: grid;\n    grid-template-columns: 45px 1fr;\n    text-align: left;\n    align-items: center;\n  }\n\n  .sandoff-step-icon {\n    grid-row: 1 \/ 3;\n    margin: 0;\n  }\n\n  .sandoff-visual {\n    transform: scale(.9);\n    margin-top: -8px;\n    margin-bottom: 15px;\n  }\n}\n\n\u003c\/style\u003e\n\n\n\u003csection class=\"sandoff-wrap\"\u003e\n\n  \u003cdiv class=\"sandoff-cloud one\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"sandoff-cloud two\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"sandoff-inner\"\u003e\n\n    \u003cdiv class=\"sandoff-pill\"\u003e\n      🏖️ SUMMER ESSENTIAL\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"sandoff-brand\"\u003e\n      ChillLab™\n      \u003cspan class=\"sandoff-product\"\u003eSANDOFF\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003ch3 class=\"sandoff-headline\"\u003e\n      Leave the beach at the beach. 🏖️✨\n    \u003c\/h3\u003e\n\n    \u003cp class=\"sandoff-description\"\u003e\n      Meet \u003cstrong\u003eChillLab™ SANDOFF\u003c\/strong\u003e — your beach-day essential\n      for helping remove stubborn sand from your skin before it follows\n      you into your car, clothes and home.\n    \u003c\/p\u003e\n\n\n    \u003cdiv class=\"sandoff-demo\"\u003e\n\n      \u003ch3\u003eSand? Not coming with you. 👋\u003c\/h3\u003e\n\n      \u003cp class=\"sandoff-demo-sub\"\u003e\n        A simple beach-day routine for less sand and less mess.\n      \u003c\/p\u003e\n\n\n      \u003cdiv class=\"sandoff-visual\"\u003e\n\n        \u003cdiv class=\"sandoff-sand\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"sandoff-foot left\"\u003e🦶\u003c\/div\u003e\n        \u003cdiv class=\"sandoff-foot right\"\u003e🦶\u003c\/div\u003e\n\n        \u003cdiv class=\"sandoff-grain g1\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"sandoff-grain g2\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"sandoff-grain g3\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"sandoff-grain g4\"\u003e\u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"sandoff-how\"\u003e\n        Easy as 1, 2, 3.\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"sandoff-steps\"\u003e\n\n        \u003cdiv class=\"sandoff-step\"\u003e\n          \u003cspan class=\"sandoff-step-icon\"\u003e🏖️\u003c\/span\u003e\n          \u003cstrong\u003e1. Beach done\u003c\/strong\u003e\n          \u003cspan\u003eGet ready to pack up after your beach day.\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"sandoff-step\"\u003e\n          \u003cspan class=\"sandoff-step-icon\"\u003e✨\u003c\/span\u003e\n          \u003cstrong\u003e2. Use SANDOFF\u003c\/strong\u003e\n          \u003cspan\u003eUse it to help brush stubborn sand from your skin.\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"sandoff-step\"\u003e\n          \u003cspan class=\"sandoff-step-icon\"\u003e🚗\u003c\/span\u003e\n          \u003cstrong\u003e3. Head home\u003c\/strong\u003e\n          \u003cspan\u003eLess loose sand follows you into the car and home.\u003c\/span\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"sandoff-final\"\u003e\n        Less sand. Less mess. More summer. 🌊\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e","brand":"ChillLab","offers":[{"title":"Default Title","offer_id":50615591960624,"sku":null,"price":299.9,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0704\/9442\/1040\/files\/SANDOFF.png?v=1790282990","url":"https:\/\/chilllab.co.za\/products\/sandoff","provider":"ChillLab","version":"1.0","type":"link"}