{"title":"Home page","description":null,"products":[{"product_id":"softritual™-reusable-makeup-cloth","title":"Softritual™ Clean Slate Cloth","description":"\u003cstyle\u003e\n\/* ============================================================\n   SOFTRITUAL™ CLEAN SLATE CLOTH\n   SHORT • PREMIUM • CONVERSION-FOCUSED PRODUCT PAGE\n   ============================================================ *\/\n\n:root {\n  --sr-cream:#FAF7F2;\n  --sr-white:#FFFFFF;\n  --sr-blush:#E8C7C5;\n  --sr-blush-light:#F5E3E1;\n  --sr-nude:#D8C4B5;\n  --sr-nude-light:#EEE3DB;\n  --sr-brown:#5A4A45;\n  --sr-brown-light:#766964;\n  --sr-dark:#292326;\n  --sr-line:rgba(90,74,69,.11);\n}\n\nhtml {\n  scroll-behavior:smooth;\n}\n\n.sr-store,\n.sr-store * {\n  box-sizing:border-box;\n}\n\n.sr-store {\n  background:var(--sr-cream);\n  color:var(--sr-brown);\n  font-family:Arial,Helvetica,sans-serif;\n  overflow:hidden;\n}\n\n.sr-store h1,\n.sr-store h2,\n.sr-store h3,\n.sr-store p {\n  margin-top:0;\n}\n\n.sr-container {\n  width:min(1100px,calc(100% - 40px));\n  margin:0 auto;\n}\n\n\n\/* ============================================================\n   ANNOUNCEMENT\n   ============================================================ *\/\n\n.sr-announcement {\n  padding:11px 15px;\n  background:var(--sr-brown);\n  color:#fff;\n  text-align:center;\n  font-size:10px;\n  letter-spacing:1.4px;\n  text-transform:uppercase;\n}\n\n.sr-announcement span {\n  color:var(--sr-blush);\n}\n\n\n\/* ============================================================\n   HERO\n   ============================================================ *\/\n\n.sr-hero {\n  padding:75px 0 65px;\n  background:\n    radial-gradient(\n      circle at 78% 45%,\n      rgba(232,199,197,.30),\n      transparent 34%\n    ),\n    var(--sr-cream);\n}\n\n.sr-hero-grid {\n  display:grid;\n  grid-template-columns:.95fr 1.05fr;\n  gap:65px;\n  align-items:center;\n}\n\n.sr-eyebrow {\n  display:inline-flex;\n  align-items:center;\n  gap:8px;\n  padding:9px 15px;\n  border:1px solid var(--sr-line);\n  border-radius:999px;\n  background:rgba(255,255,255,.7);\n  font-size:10px;\n  letter-spacing:1.5px;\n  text-transform:uppercase;\n}\n\n.sr-eyebrow-dot {\n  width:6px;\n  height:6px;\n  flex-shrink:0;\n  border-radius:50%;\n  background:var(--sr-blush);\n  animation:srPulse 2s infinite;\n}\n\n@keyframes srPulse {\n  0%,100% {transform:scale(1);opacity:1;}\n  50% {transform:scale(1.7);opacity:.45;}\n}\n\n.sr-hero h1 {\n  max-width:650px;\n  margin:23px 0 20px;\n  font-size:clamp(46px,6vw,76px);\n  line-height:.96;\n  letter-spacing:-4px;\n  font-weight:400;\n}\n\n.sr-hero h1 span {\n  display:block;\n  color:#A87876;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-style:italic;\n}\n\n.sr-hero-description {\n  max-width:520px;\n  margin-bottom:25px;\n  color:var(--sr-brown-light);\n  font-size:15px;\n  line-height:1.75;\n}\n\n.sr-mini-benefits {\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:9px;\n  max-width:520px;\n  margin-bottom:28px;\n}\n\n.sr-mini-benefit {\n  display:flex;\n  align-items:center;\n  gap:8px;\n  font-size:12px;\n}\n\n.sr-mini-check {\n  width:22px;\n  height:22px;\n  flex-shrink:0;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  border-radius:50%;\n  background:var(--sr-blush-light);\n  font-size:10px;\n}\n\n.sr-buttons {\n  display:flex;\n  flex-wrap:wrap;\n  gap:10px;\n}\n\n.sr-btn {\n  min-height:54px;\n  padding:0 27px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  gap:8px;\n  border-radius:999px;\n  text-decoration:none!important;\n  font-size:13px;\n  cursor:pointer;\n  transition:.3s ease;\n}\n\n.sr-btn-primary {\n  color:#fff!important;\n  background:#6B5953;\n  border:1px solid #6B5953;\n  box-shadow:0 12px 30px rgba(90,74,69,.14);\n}\n\n.sr-btn-primary:hover {\n  transform:translateY(-3px);\n  background:#7A6761;\n}\n\n.sr-btn-secondary {\n  color:var(--sr-brown)!important;\n  background:rgba(255,255,255,.7);\n  border:1px solid var(--sr-line);\n}\n\n.sr-btn-secondary:hover {\n  background:#fff;\n  transform:translateY(-3px);\n}\n\n\n\/* ============================================================\n   HERO PRODUCT\n   ============================================================ *\/\n\n.sr-product-stage {\n  position:relative;\n  min-height:460px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n}\n\n.sr-product-glow {\n  position:absolute;\n  width:430px;\n  height:430px;\n  border-radius:50%;\n  background:\n    radial-gradient(\n      circle,\n      rgba(232,199,197,.52),\n      rgba(245,227,225,.30) 40%,\n      transparent 72%\n    );\n  filter:blur(10px);\n  animation:srGlow 6s ease-in-out infinite;\n}\n\n@keyframes srGlow {\n  0%,100% {transform:scale(1);opacity:.75;}\n  50% {transform:scale(1.07);opacity:1;}\n}\n\n.sr-product-circle {\n  position:relative;\n  z-index:2;\n  width:350px;\n  height:350px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  border-radius:50%;\n  background:rgba(255,255,255,.2);\n  box-shadow:0 35px 80px rgba(90,74,69,.07);\n  animation:srProductFloat 5s ease-in-out infinite;\n}\n\n.sr-product-image {\n  width:82%;\n  height:82%;\n  background-image:url(\"YOUR_PRODUCT_IMAGE_URL\");\n  background-size:contain;\n  background-repeat:no-repeat;\n  background-position:center;\n  filter:drop-shadow(0 25px 25px rgba(90,74,69,.17));\n}\n\n@keyframes srProductFloat {\n  0%,100% {transform:translateY(0);}\n  50% {transform:translateY(-11px);}\n}\n\n.sr-floating {\n  position:absolute;\n  z-index:5;\n  padding:13px 16px;\n  background:rgba(255,255,255,.86);\n  border:1px solid rgba(255,255,255,.9);\n  backdrop-filter:blur(16px);\n  border-radius:16px;\n  box-shadow:0 18px 45px rgba(90,74,69,.09);\n  font-size:10px;\n  animation:srFloating 4.5s ease-in-out infinite;\n}\n\n.sr-floating strong {\n  display:block;\n  margin-bottom:4px;\n  font-size:12px;\n}\n\n.sr-floating-water {\n  right:0;\n  top:55px;\n}\n\n.sr-floating-soft {\n  left:0;\n  bottom:55px;\n  animation-delay:-2s;\n}\n\n@keyframes srFloating {\n  0%,100% {transform:translateY(0);}\n  50% {transform:translateY(-10px);}\n}\n\n\n\/* ============================================================\n   TRUST BAR\n   ============================================================ *\/\n\n.sr-trust {\n  border-top:1px solid var(--sr-line);\n  border-bottom:1px solid var(--sr-line);\n  background:rgba(255,255,255,.5);\n}\n\n.sr-trust-grid {\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n}\n\n.sr-trust-item {\n  padding:17px 10px;\n  text-align:center;\n  font-size:9px;\n  letter-spacing:1px;\n  border-right:1px solid var(--sr-line);\n}\n\n.sr-trust-item:last-child {\n  border-right:none;\n}\n\n.sr-trust-icon {\n  margin-bottom:4px;\n  font-size:17px;\n}\n\n\n\/* ============================================================\n   QUICK BENEFITS\n   ============================================================ *\/\n\n.sr-benefits {\n  padding:85px 0;\n  background:#F1E7DF;\n}\n\n.sr-section-header {\n  max-width:700px;\n  margin-bottom:40px;\n}\n\n.sr-section-header h2 {\n  margin:17px 0 0;\n  font-size:clamp(38px,5vw,58px);\n  line-height:1;\n  letter-spacing:-3px;\n  font-weight:400;\n}\n\n.sr-benefit-grid {\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:14px;\n}\n\n.sr-benefit-card {\n  min-height:240px;\n  padding:28px;\n  border:1px solid rgba(90,74,69,.07);\n  border-radius:24px;\n  background:rgba(255,255,255,.78);\n  transition:.35s ease;\n}\n\n.sr-benefit-card:hover {\n  transform:translateY(-6px);\n  background:#fff;\n  box-shadow:0 20px 50px rgba(90,74,69,.09);\n}\n\n.sr-benefit-icon {\n  width:48px;\n  height:48px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  margin-bottom:27px;\n  border-radius:50%;\n  background:var(--sr-blush-light);\n  font-size:20px;\n}\n\n.sr-benefit-card h3 {\n  margin-bottom:10px;\n  font-size:18px;\n  font-weight:500;\n}\n\n.sr-benefit-card p {\n  color:var(--sr-brown-light);\n  font-size:12px;\n  line-height:1.7;\n}\n\n\n\/* ============================================================\n   PROBLEM \/ SOLUTION\n   ============================================================ *\/\n\n.sr-problem {\n  padding:85px 0;\n}\n\n.sr-problem-heading {\n  max-width:650px;\n  margin:0 auto 40px;\n  text-align:center;\n}\n\n.sr-problem-heading h2 {\n  margin:18px 0 0;\n  font-size:clamp(38px,5vw,58px);\n  line-height:1;\n  letter-spacing:-3px;\n  font-weight:400;\n}\n\n.sr-problem-grid {\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:15px;\n}\n\n.sr-problem-card {\n  min-height:350px;\n  padding:42px;\n  border-radius:28px;\n}\n\n.sr-problem-before {\n  background:#EEE7E1;\n}\n\n.sr-problem-after {\n  background:\n    radial-gradient(\n      circle at 85% 10%,\n      #F2D8D6,\n      transparent 40%\n    ),\n    #fff;\n}\n\n.sr-problem-card h3 {\n  margin:18px 0 20px;\n  font-size:31px;\n  line-height:1.05;\n  letter-spacing:-1.5px;\n  font-weight:400;\n}\n\n.sr-problem-list div {\n  padding:11px 0;\n  border-bottom:1px solid var(--sr-line);\n  font-size:12px;\n}\n\n\n\/* ============================================================\n   HOW IT WORKS\n   ============================================================ *\/\n\n.sr-how {\n  padding:85px 0;\n  background:#fff;\n}\n\n.sr-how-heading {\n  text-align:center;\n  margin-bottom:42px;\n}\n\n.sr-how-heading h2 {\n  margin:18px 0 0;\n  font-size:clamp(38px,5vw,58px);\n  line-height:1;\n  letter-spacing:-3px;\n  font-weight:400;\n}\n\n.sr-how-grid {\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:15px;\n}\n\n.sr-step {\n  padding:30px;\n  border:1px solid var(--sr-line);\n  border-radius:23px;\n  background:var(--sr-cream);\n}\n\n.sr-step-number {\n  margin-bottom:38px;\n  color:var(--sr-nude);\n  font-family:Georgia,serif;\n  font-size:46px;\n}\n\n.sr-step h3 {\n  margin-bottom:9px;\n  font-size:19px;\n  font-weight:500;\n}\n\n.sr-step p {\n  color:var(--sr-brown-light);\n  font-size:12px;\n  line-height:1.7;\n}\n\n\n\/* ============================================================\n   DIFFERENCE \/ COMPARISON\n   ============================================================ *\/\n\n.sr-difference {\n  padding:85px 0;\n}\n\n.sr-difference-heading {\n  max-width:720px;\n  margin:0 auto 40px;\n  text-align:center;\n}\n\n.sr-difference-heading h2 {\n  margin:18px 0 0;\n  font-size:clamp(38px,5vw,58px);\n  line-height:1;\n  letter-spacing:-3px;\n  font-weight:400;\n}\n\n.sr-difference-heading h2 em {\n  color:#A87876;\n  font-family:Georgia,serif;\n}\n\n.sr-comparison {\n  overflow:hidden;\n  border:1px solid #dddfe4;\n  border-radius:26px;\n  background:#F5F6F9;\n  box-shadow:0 20px 55px rgba(40,34,36,.05);\n}\n\n.sr-table-head,\n.sr-comparison-row {\n  display:grid;\n  grid-template-columns:1fr 1fr;\n}\n\n.sr-head-column {\n  min-height:145px;\n  padding:25px;\n}\n\n.sr-head-column:first-child {\n  background:#F7F8FB;\n}\n\n.sr-head-column:last-child {\n  background:#4A4243;\n  color:#fff;\n}\n\n.sr-mini-label {\n  display:inline-block;\n  padding:6px 9px;\n  margin-bottom:10px;\n  border-radius:999px;\n  background:#E9E5E4;\n  color:#514B4D;\n  font-size:8px;\n  font-weight:700;\n  letter-spacing:.8px;\n}\n\n.sr-head-column:last-child .sr-mini-label {\n  background:#62585A;\n  color:#F8EDED;\n}\n\n.sr-head-column h3 {\n  margin:0 0 5px;\n  font-size:18px;\n  font-weight:600;\n}\n\n.sr-head-column p {\n  margin:0;\n  color:#706A6B;\n  font-size:10px;\n  line-height:1.45;\n}\n\n.sr-head-column:last-child p {\n  color:#EEE6E7;\n}\n\n.sr-comparison-row {\n  border-top:1px solid #DEDFE3;\n}\n\n.sr-comparison-cell {\n  display:flex;\n  align-items:flex-start;\n  gap:11px;\n  min-height:70px;\n  padding:15px 20px;\n}\n\n.sr-comparison-cell:first-child {\n  border-right:1px solid #DEDFE3;\n}\n\n.sr-icon {\n  width:25px;\n  height:25px;\n  min-width:25px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  border-radius:50%;\n  background:#E8E7E8;\n  font-size:12px;\n}\n\n.sr-icon.good {\n  background:#F1E1E2;\n}\n\n.sr-icon.green {\n  background:#E2EEE9;\n}\n\n.sr-cell-content strong {\n  display:block;\n  margin-bottom:3px;\n  font-size:11px;\n  font-weight:650;\n}\n\n.sr-cell-content span {\n  display:block;\n  color:#777173;\n  font-size:9px;\n  line-height:1.45;\n}\n\n\n\/* ============================================================\n   TESTIMONIALS\n   ============================================================ *\/\n\n.sr-testimonials {\n  padding:85px 0;\n  background:#F1E7DF;\n}\n\n.sr-testimonials-heading {\n  max-width:650px;\n  margin:0 auto 35px;\n  text-align:center;\n}\n\n.sr-testimonials-heading h2 {\n  margin:18px 0 0;\n  font-size:clamp(38px,5vw,58px);\n  line-height:1;\n  letter-spacing:-3px;\n  font-weight:400;\n}\n\n.sr-testimonials-heading p {\n  margin:18px auto 0;\n  color:var(--sr-brown-light);\n  font-size:13px;\n  line-height:1.65;\n}\n\n.sr-testimonial-slider {\n  overflow:hidden;\n  max-width:820px;\n  margin:auto;\n}\n\n.sr-testimonial-track {\n  display:flex;\n  transition:transform .45s cubic-bezier(.22,.61,.36,1);\n}\n\n.sr-testimonial-slide {\n  flex:0 0 100%;\n  padding:0 20px;\n}\n\n.sr-testimonial-card {\n  position:relative;\n  max-width:700px;\n  margin:auto;\n  padding:30px 35px;\n  border:1px solid #ECEAEC;\n  border-radius:25px;\n  background:#F7F7F9;\n  box-shadow:0 18px 45px rgba(35,30,32,.045);\n}\n\n.sr-stars {\n  margin-bottom:17px;\n  color:#D4A900;\n  font-size:20px;\n  letter-spacing:2px;\n  text-align:center;\n}\n\n.sr-quote-mark {\n  position:absolute;\n  top:15px;\n  right:17px;\n  width:40px;\n  height:40px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  border-radius:50%;\n  background:#4A4243;\n  color:#fff;\n  font-family:Georgia,serif;\n  font-size:25px;\n}\n\n.sr-testimonial-card h3 {\n  margin:0 auto 14px;\n  max-width:600px;\n  color:#171518;\n  font-size:22px;\n  font-weight:650;\n  text-align:center;\n}\n\n.sr-testimonial-text {\n  max-width:620px;\n  margin:auto;\n  color:#454043;\n  font-size:14px;\n  line-height:1.7;\n  text-align:center;\n}\n\n.sr-testimonial-author {\n  margin:17px auto 0;\n  padding-top:14px;\n  border-top:1px solid #DEDDDF;\n  color:#302B2D;\n  font-size:12px;\n  font-weight:700;\n  font-style:italic;\n  text-align:center;\n}\n\n.sr-testimonial-navigation {\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap:24px;\n  margin-top:22px;\n}\n\n.sr-testimonial-arrow {\n  width:34px;\n  height:34px;\n  padding:0;\n  border:0;\n  background:transparent;\n  color:#373235;\n  font-size:24px;\n  cursor:pointer;\n}\n\n.sr-testimonial-arrow:disabled {\n  opacity:.3;\n}\n\n.sr-testimonial-counter {\n  font-size:12px;\n}\n\n\n\/* ============================================================\n   FAQ\n   ============================================================ *\/\n\n.sr-faq {\n  padding:85px 0;\n}\n\n.sr-faq-container {\n  max-width:780px;\n  margin:auto;\n}\n\n.sr-faq h2 {\n  margin-bottom:40px;\n  text-align:center;\n  font-size:clamp(38px,5vw,58px);\n  letter-spacing:-3px;\n  font-weight:400;\n}\n\n.sr-faq-item {\n  border-top:1px solid var(--sr-line);\n}\n\n.sr-faq-item:last-child {\n  border-bottom:1px solid var(--sr-line);\n}\n\n.sr-faq-question {\n  width:100%;\n  padding:21px 0;\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  border:0;\n  background:transparent;\n  color:var(--sr-brown);\n  text-align:left;\n  font-size:13px;\n  cursor:pointer;\n}\n\n.sr-faq-plus {\n  font-size:20px;\n  transition:transform .3s ease;\n}\n\n.sr-faq-answer {\n  max-height:0;\n  overflow:hidden;\n  transition:max-height .35s ease;\n}\n\n.sr-faq-answer p {\n  padding-bottom:19px;\n  color:var(--sr-brown-light);\n  font-size:12px;\n  line-height:1.7;\n}\n\n.sr-faq-item.active .sr-faq-plus {\n  transform:rotate(45deg);\n}\n\n\n\/* ============================================================\n   FINAL CTA\n   ============================================================ *\/\n\n.sr-final {\n  position:relative;\n  overflow:hidden;\n  padding:105px 20px;\n  background:var(--sr-brown);\n  color:#fff;\n  text-align:center;\n}\n\n.sr-final::before {\n  content:\"\";\n  position:absolute;\n  width:600px;\n  height:600px;\n  left:50%;\n  top:50%;\n  transform:translate(-50%,-50%);\n  border-radius:50%;\n  background:radial-gradient(\n    circle,\n    rgba(232,199,197,.18),\n    transparent 65%\n  );\n}\n\n.sr-final-content {\n  position:relative;\n  z-index:2;\n}\n\n.sr-final h2 {\n  max-width:750px;\n  margin:22px auto;\n  font-size:clamp(43px,6vw,70px);\n  line-height:.95;\n  letter-spacing:-4px;\n  font-weight:400;\n}\n\n.sr-final h2 em {\n  color:var(--sr-blush);\n  font-family:Georgia,serif;\n}\n\n.sr-final p {\n  max-width:480px;\n  margin:0 auto 30px;\n  color:rgba(255,255,255,.7);\n  font-size:14px;\n  line-height:1.7;\n}\n\n.sr-final .sr-btn-primary {\n  background:#F8F3EE;\n  color:var(--sr-brown)!important;\n  border-color:#F8F3EE;\n}\n\n.sr-final .sr-btn-primary:hover {\n  background:#fff;\n}\n\n\n\/* ============================================================\n   SCROLL REVEAL\n   ============================================================ *\/\n\n.sr-reveal {\n  opacity:0;\n  transform:translateY(25px);\n  transition:\n    opacity .7s ease,\n    transform .7s cubic-bezier(.2,.8,.2,1);\n}\n\n.sr-reveal.visible {\n  opacity:1;\n  transform:translateY(0);\n}\n\n\n\/* ============================================================\n   TABLET\n   ============================================================ *\/\n\n@media(max-width:900px) {\n\n  .sr-hero-grid {\n    grid-template-columns:1fr;\n    gap:30px;\n    text-align:center;\n  }\n\n  .sr-hero-description {\n    margin-left:auto;\n    margin-right:auto;\n  }\n\n  .sr-mini-benefits {\n    margin-left:auto;\n    margin-right:auto;\n    text-align:left;\n  }\n\n  .sr-buttons {\n    justify-content:center;\n  }\n\n  .sr-product-stage {\n    min-height:390px;\n  }\n\n  .sr-benefit-grid {\n    grid-template-columns:1fr 1fr;\n  }\n\n}\n\n\n\/* ============================================================\n   MOBILE\n   ============================================================ *\/\n\n@media(max-width:600px) {\n\n  .sr-container {\n    width:calc(100% - 28px);\n  }\n\n  .sr-announcement {\n    font-size:8px;\n    letter-spacing:1px;\n  }\n\n  .sr-hero {\n    padding:55px 0 40px;\n  }\n\n  .sr-hero h1 {\n    letter-spacing:-2.5px;\n  }\n\n  .sr-hero-description {\n    font-size:14px;\n  }\n\n  .sr-mini-benefits {\n    grid-template-columns:1fr;\n    max-width:290px;\n  }\n\n  .sr-buttons {\n    flex-direction:column;\n    align-items:stretch;\n  }\n\n  .sr-btn {\n    width:100%;\n  }\n\n  .sr-product-stage {\n    min-height:350px;\n  }\n\n  .sr-product-circle {\n    width:260px;\n    height:260px;\n  }\n\n  .sr-product-glow {\n    width:310px;\n    height:310px;\n  }\n\n  .sr-floating {\n    padding:11px 13px;\n    font-size:9px;\n  }\n\n  .sr-floating strong {\n    font-size:11px;\n  }\n\n  .sr-floating-water {\n    right:-2px;\n    top:15px;\n  }\n\n  .sr-floating-soft {\n    left:-2px;\n    bottom:20px;\n  }\n\n  .sr-trust-grid {\n    grid-template-columns:1fr 1fr;\n  }\n\n  .sr-trust-item {\n    border-bottom:1px solid var(--sr-line);\n  }\n\n  .sr-benefits,\n  .sr-problem,\n  .sr-how,\n  .sr-difference,\n  .sr-testimonials,\n  .sr-faq {\n    padding:65px 0;\n  }\n\n  .sr-benefit-grid {\n    grid-template-columns:1fr;\n  }\n\n  .sr-benefit-card {\n    min-height:auto;\n    padding:25px;\n  }\n\n  .sr-problem-grid,\n  .sr-how-grid {\n    grid-template-columns:1fr;\n  }\n\n  .sr-problem-card {\n    min-height:auto;\n    padding:32px;\n  }\n\n  .sr-problem-card h3 {\n    font-size:28px;\n  }\n\n  .sr-table-head,\n  .sr-comparison-row {\n    grid-template-columns:1fr 1fr;\n  }\n\n  .sr-head-column {\n    min-height:155px;\n    padding:19px 12px;\n  }\n\n  .sr-head-column h3 {\n    font-size:15px;\n  }\n\n  .sr-head-column p {\n    font-size:8.5px;\n  }\n\n  .sr-mini-label {\n    font-size:7px;\n    padding:5px 7px;\n  }\n\n  .sr-comparison-cell {\n    min-height:84px;\n    padding:13px 8px;\n    gap:6px;\n  }\n\n  .sr-icon {\n    width:22px;\n    height:22px;\n    min-width:22px;\n    font-size:10px;\n  }\n\n  .sr-cell-content strong {\n    font-size:9.5px;\n  }\n\n  .sr-cell-content span {\n    font-size:8px;\n  }\n\n  .sr-testimonial-slide {\n    padding:0 2px;\n  }\n\n  .sr-testimonial-card {\n    padding:26px 18px;\n  }\n\n  .sr-testimonial-card h3 {\n    font-size:20px;\n  }\n\n  .sr-testimonial-text {\n    font-size:14px;\n  }\n\n  .sr-final {\n    padding:85px 20px;\n  }\n\n  .sr-final h2 {\n    letter-spacing:-2.5px;\n  }\n\n}\n\n\n\/* ============================================================\n   SMALL PHONES\n   ============================================================ *\/\n\n@media(max-width:380px) {\n\n  .sr-hero h1 {\n    font-size:40px;\n  }\n\n  .sr-product-circle {\n    width:235px;\n    height:235px;\n  }\n\n  .sr-product-glow {\n    width:280px;\n    height:280px;\n  }\n\n  .sr-floating-water {\n    right:-8px;\n  }\n\n  .sr-floating-soft {\n    left:-8px;\n  }\n\n  .sr-head-column {\n    padding-left:9px;\n    padding-right:9px;\n  }\n\n  .sr-comparison-cell {\n    padding-left:6px;\n    padding-right:6px;\n  }\n\n  .sr-cell-content strong {\n    font-size:8.8px;\n  }\n\n  .sr-cell-content span {\n    font-size:7.5px;\n  }\n\n}\n\n\n\/* ============================================================\n   REDUCED MOTION\n   ============================================================ *\/\n\n@media(prefers-reduced-motion:reduce) {\n\n  html {\n    scroll-behavior:auto;\n  }\n\n  *,\n  *::before,\n  *::after {\n    animation:none!important;\n    transition:none!important;\n  }\n\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"sr-store\"\u003e\n\n\u003c!-- ==========================================================\n     ANNOUNCEMENT\n     ========================================================== --\u003e\n\n\u003cdiv class=\"sr-announcement\"\u003e\n  ✦ A softer way to remove your makeup —\n  \u003cspan\u003ejust add water\u003c\/span\u003e\n\u003c\/div\u003e\n\n\u003c!-- ==========================================================\n     HERO\n     ========================================================== --\u003e\n\n\u003csection class=\"sr-hero\"\u003e\n\n\u003cdiv class=\"sr-container\"\u003e\n\n\u003cdiv class=\"sr-hero-grid\"\u003e\n\n\u003cdiv class=\"sr-reveal\"\u003e\n\n\u003cdiv class=\"sr-eyebrow\"\u003e\n  \u003cspan class=\"sr-eyebrow-dot\"\u003e\u003c\/span\u003e\n  Softritual™ Beauty Ritual\n\u003c\/div\u003e\n\n\u003ch1\u003e\n  Your skin deserves\n  \u003cspan\u003ebetter than disposable.\u003c\/span\u003e\n\u003c\/h1\u003e\n\n\u003cp class=\"sr-hero-description\"\u003e\n  Meet the Clean Slate Cloth — a soft, reusable makeup remover designed to simplify your everyday beauty ritual. Add water. Wipe away makeup. Wash. Repeat.\n\u003c\/p\u003e\n\n\u003cdiv class=\"sr-mini-benefits\"\u003e\n\n\u003cdiv class=\"sr-mini-benefit\"\u003e\n  \u003cspan class=\"sr-mini-check\"\u003e✓\u003c\/span\u003e\n  Removes everyday makeup\n\u003c\/div\u003e\n\n\u003cdiv class=\"sr-mini-benefit\"\u003e\n  \u003cspan class=\"sr-mini-check\"\u003e✓\u003c\/span\u003e\n  Just add water\n\u003c\/div\u003e\n\n\u003cdiv class=\"sr-mini-benefit\"\u003e\n  \u003cspan class=\"sr-mini-check\"\u003e✓\u003c\/span\u003e\n  Ultra-soft microfiber\n\u003c\/div\u003e\n\n\u003cdiv class=\"sr-mini-benefit\"\u003e\n  \u003cspan class=\"sr-mini-check\"\u003e✓\u003c\/span\u003e\n  Wash \u0026amp; reuse\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"sr-buttons\"\u003e\n\n\u003ca href=\"#\" onclick=\"window.scrollTo({top:0,behavior:'smooth'});return false;\" class=\"sr-btn sr-btn-primary\"\u003e\n  Shop Clean Slate →\n\u003c\/a\u003e\n\n\u003ca href=\"#benefits\" class=\"sr-btn sr-btn-secondary\"\u003e\n  Why you'll love it\n\u003c\/a\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- PRODUCT --\u003e\n\n\u003cdiv class=\"sr-product-stage sr-reveal\"\u003e\n\n\u003cdiv class=\"sr-product-glow\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"sr-product-circle\"\u003e\n  \u003cdiv class=\"sr-product-image\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"sr-floating sr-floating-water\"\u003e\n  \u003cstrong\u003e💧 Just add water\u003c\/strong\u003e\n  No cleanser required\n\u003c\/div\u003e\n\n\u003cdiv class=\"sr-floating sr-floating-soft\"\u003e\n  \u003cstrong\u003e🤍 Ultra-soft\u003c\/strong\u003e\n  Made for your ritual\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ==========================================================\n     TRUST\n     ========================================================== --\u003e\n\n\u003cdiv class=\"sr-trust\"\u003e\n\n\u003cdiv class=\"sr-container\"\u003e\n\n\u003cdiv class=\"sr-trust-grid\"\u003e\n\n\u003cdiv class=\"sr-trust-item\"\u003e\n  \u003cdiv class=\"sr-trust-icon\"\u003e💧\u003c\/div\u003e\n  JUST ADD WATER\n\u003c\/div\u003e\n\n\u003cdiv class=\"sr-trust-item\"\u003e\n  \u003cdiv class=\"sr-trust-icon\"\u003e🤍\u003c\/div\u003e\n  ULTRA-SOFT\n\u003c\/div\u003e\n\n\u003cdiv class=\"sr-trust-item\"\u003e\n  \u003cdiv class=\"sr-trust-icon\"\u003e♻️\u003c\/div\u003e\n  REUSABLE\n\u003c\/div\u003e\n\n\u003cdiv class=\"sr-trust-item\"\u003e\n  \u003cdiv class=\"sr-trust-icon\"\u003e✨\u003c\/div\u003e\n  SIMPLE RITUAL\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ==========================================================\n     BENEFITS\n     ========================================================== --\u003e\n\n\u003csection class=\"sr-benefits\" id=\"benefits\"\u003e\n\n\u003cdiv class=\"sr-container\"\u003e\n\n\u003cdiv class=\"sr-section-header sr-reveal\"\u003e\n\n\u003cdiv class=\"sr-eyebrow\"\u003e\n  Why Clean Slate\n\u003c\/div\u003e\n\n\u003ch2\u003e\n  Everything you need.\n\u003c\/h2\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"sr-benefit-grid\"\u003e\n\n\u003cdiv class=\"sr-benefit-card sr-reveal\"\u003e\n\n\u003cdiv class=\"sr-benefit-icon\"\u003e💧\u003c\/div\u003e\n\n\u003ch3\u003eJust Add Water\u003c\/h3\u003e\n\n\u003cp\u003e\n  Wet the cloth and use it to help lift away everyday makeup without adding another complicated step.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"sr-benefit-card sr-reveal\"\u003e\n\n\u003cdiv class=\"sr-benefit-icon\"\u003e🤍\u003c\/div\u003e\n\n\u003ch3\u003eUltra-Soft\u003c\/h3\u003e\n\n\u003cp\u003e\n  Plush microfiber designed to feel soft against your skin while helping remove makeup.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"sr-benefit-card sr-reveal\"\u003e\n\n\u003cdiv class=\"sr-benefit-icon\"\u003e♻️\u003c\/div\u003e\n\n\u003ch3\u003eReusable\u003c\/h3\u003e\n\n\u003cp\u003e\n  Wash your Clean Slate Cloth and bring it back into your beauty routine again and again.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"sr-benefit-card sr-reveal\"\u003e\n\n\u003cdiv class=\"sr-benefit-icon\"\u003e💸\u003c\/div\u003e\n\n\u003ch3\u003eSpend Less Over Time\u003c\/h3\u003e\n\n\u003cp\u003e\n  Reduce the need to repeatedly buy single-use makeup removal pads and wipes.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"sr-benefit-card sr-reveal\"\u003e\n\n\u003cdiv class=\"sr-benefit-icon\"\u003e👜\u003c\/div\u003e\n\n\u003ch3\u003eTravel Friendly\u003c\/h3\u003e\n\n\u003cp\u003e\n  At approximately 15cm × 15cm, it fits easily into your makeup bag or travel case.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"sr-benefit-card sr-reveal\"\u003e\n\n\u003cdiv class=\"sr-benefit-icon\"\u003e🌙\u003c\/div\u003e\n\n\u003ch3\u003eSimplify Your Night\u003c\/h3\u003e\n\n\u003cp\u003e\n  One simple tool to make your evening beauty routine feel quicker and more intentional.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ==========================================================\n     PROBLEM \/ SOLUTION\n     ========================================================== --\u003e\n\n\u003csection class=\"sr-problem\"\u003e\n\n\u003cdiv class=\"sr-container\"\u003e\n\n\u003cdiv class=\"sr-problem-heading sr-reveal\"\u003e\n\n\u003cdiv class=\"sr-eyebrow\"\u003e\n  A better routine\n\u003c\/div\u003e\n\n\u003ch2\u003e\n  Makeup removal doesn't need to be complicated.\n\u003c\/h2\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"sr-problem-grid\"\u003e\n\n\u003cdiv class=\"sr-problem-card sr-problem-before sr-reveal\"\u003e\n\n\u003cdiv class=\"sr-eyebrow\"\u003e\n  The usual routine\n\u003c\/div\u003e\n\n\u003ch3\u003e\n  More products. More waste. More clutter.\n\u003c\/h3\u003e\n\n\u003cdiv class=\"sr-problem-list\"\u003e\n\n\u003cdiv\u003e✕ Constantly buying disposable pads\u003c\/div\u003e\n\u003cdiv\u003e✕ Running out of makeup remover\u003c\/div\u003e\n\u003cdiv\u003e✕ Extra products around your bathroom\u003c\/div\u003e\n\u003cdiv\u003e✕ Throwing away pad after pad\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"sr-problem-card sr-problem-after sr-reveal\"\u003e\n\n\u003cdiv class=\"sr-eyebrow\"\u003e\n  Meet Clean Slate\n\u003c\/div\u003e\n\n\u003ch3\u003e\n  A simpler ritual starts here.\n\u003c\/h3\u003e\n\n\u003cdiv class=\"sr-problem-list\"\u003e\n\n\u003cdiv\u003e✓ Wet with water\u003c\/div\u003e\n\u003cdiv\u003e✓ Gently wipe away makeup\u003c\/div\u003e\n\u003cdiv\u003e✓ Wash after use\u003c\/div\u003e\n\u003cdiv\u003e✓ Reach for it again tomorrow\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ==========================================================\n     HOW IT WORKS\n     ========================================================== --\u003e\n\n\u003csection class=\"sr-how\"\u003e\n\n\u003cdiv class=\"sr-container\"\u003e\n\n\u003cdiv class=\"sr-how-heading sr-reveal\"\u003e\n\n\u003cdiv class=\"sr-eyebrow\"\u003e\n  Your new ritual\n\u003c\/div\u003e\n\n\u003ch2\u003e\n  Three steps. That's it.\n\u003c\/h2\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"sr-how-grid\"\u003e\n\n\u003cdiv class=\"sr-step sr-reveal\"\u003e\n\n\u003cdiv class=\"sr-step-number\"\u003e01\u003c\/div\u003e\n\n\u003ch3\u003eWet\u003c\/h3\u003e\n\n\u003cp\u003e\n  Add warm water to your Clean Slate Cloth until comfortably damp.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"sr-step sr-reveal\"\u003e\n\n\u003cdiv class=\"sr-step-number\"\u003e02\u003c\/div\u003e\n\n\u003ch3\u003eWipe\u003c\/h3\u003e\n\n\u003cp\u003e\n  Gently sweep the cloth across your face to help lift away makeup.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"sr-step sr-reveal\"\u003e\n\n\u003cdiv class=\"sr-step-number\"\u003e03\u003c\/div\u003e\n\n\u003ch3\u003eWash \u0026amp; Repeat\u003c\/h3\u003e\n\n\u003cp\u003e\n  Wash after use, allow it to dry and reach for it again tomorrow.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ==========================================================\n     DIFFERENCE\n     ========================================================== --\u003e\n\n\u003csection class=\"sr-difference\"\u003e\n\n\u003cdiv class=\"sr-container\"\u003e\n\n\u003cdiv class=\"sr-difference-heading sr-reveal\"\u003e\n\n\u003cdiv class=\"sr-eyebrow\"\u003e\n  The Softritual™ Difference\n\u003c\/div\u003e\n\n\u003ch2\u003e\n  Why settle for ordinary\n  \u003cem\u003ewhen you can make it a ritual?\u003c\/em\u003e\n\u003c\/h2\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"sr-comparison sr-reveal\"\u003e\n\n\u003cdiv class=\"sr-table-head\"\u003e\n\n\u003cdiv class=\"sr-head-column\"\u003e\n\n\u003cspan class=\"sr-mini-label\"\u003e\n  THE USUAL ROUTINE\n\u003c\/span\u003e\n\n\u003ch3\u003e\n  Other Options\n\u003c\/h3\u003e\n\n\u003cp\u003e\n  Disposable pads, wipes and products that need constant replacing.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"sr-head-column\"\u003e\n\n\u003cspan class=\"sr-mini-label\"\u003e\n  THE SOFTRITUAL™ WAY\n\u003c\/span\u003e\n\n\u003ch3\u003e\n  Clean Slate\n\u003c\/h3\u003e\n\n\u003cp\u003e\n  A softer, reusable approach designed to simplify makeup removal.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"sr-comparison-row\"\u003e\n\n\u003cdiv class=\"sr-comparison-cell\"\u003e\n\n\u003cdiv class=\"sr-icon\"\u003e×\u003c\/div\u003e\n\n\u003cdiv class=\"sr-cell-content\"\u003e\n\n\u003cstrong\u003e\n  More products\n\u003c\/strong\u003e\n\n\u003cspan\u003e\n  Often requires remover, wipes or cotton pads.\n\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"sr-comparison-cell\"\u003e\n\n\u003cdiv class=\"sr-icon good\"\u003e💧\u003c\/div\u003e\n\n\u003cdiv class=\"sr-cell-content\"\u003e\n\n\u003cstrong\u003e\n  Just add water\n\u003c\/strong\u003e\n\n\u003cspan\u003e\n  Wet the cloth and gently wipe away makeup.\n\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"sr-comparison-row\"\u003e\n\n\u003cdiv class=\"sr-comparison-cell\"\u003e\n\n\u003cdiv class=\"sr-icon\"\u003e×\u003c\/div\u003e\n\n\u003cdiv class=\"sr-cell-content\"\u003e\n\n\u003cstrong\u003e\n  Single-use\n\u003c\/strong\u003e\n\n\u003cspan\u003e\n  Disposable pads and wipes are thrown away.\n\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"sr-comparison-cell\"\u003e\n\n\u003cdiv class=\"sr-icon green\"\u003e♻\u003c\/div\u003e\n\n\u003cdiv class=\"sr-cell-content\"\u003e\n\n\u003cstrong\u003e\n  Wash \u0026amp; reuse\n\u003c\/strong\u003e\n\n\u003cspan\u003e\n  Wash your Clean Slate Cloth and use it again.\n\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"sr-comparison-row\"\u003e\n\n\u003cdiv class=\"sr-comparison-cell\"\u003e\n\n\u003cdiv class=\"sr-icon\"\u003e×\u003c\/div\u003e\n\n\u003cdiv class=\"sr-cell-content\"\u003e\n\n\u003cstrong\u003e\n  More clutter\n\u003c\/strong\u003e\n\n\u003cspan\u003e\n  More products and packaging around your bathroom.\n\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"sr-comparison-cell\"\u003e\n\n\u003cdiv class=\"sr-icon good\"\u003e✦\u003c\/div\u003e\n\n\u003cdiv class=\"sr-cell-content\"\u003e\n\n\u003cstrong\u003e\n  Simpler ritual\n\u003c\/strong\u003e\n\n\u003cspan\u003e\n  One reusable tool designed for your routine.\n\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"sr-comparison-row\"\u003e\n\n\u003cdiv class=\"sr-comparison-cell\"\u003e\n\n\u003cdiv class=\"sr-icon\"\u003e×\u003c\/div\u003e\n\n\u003cdiv class=\"sr-cell-content\"\u003e\n\n\u003cstrong\u003e\n  Constant repurchasing\n\u003c\/strong\u003e\n\n\u003cspan\u003e\n  Disposable products need to be replaced again and again.\n\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"sr-comparison-cell\"\u003e\n\n\u003cdiv class=\"sr-icon good\"\u003e♡\u003c\/div\u003e\n\n\u003cdiv class=\"sr-cell-content\"\u003e\n\n\u003cstrong\u003e\n  Made to be reused\n\u003c\/strong\u003e\n\n\u003cspan\u003e\n  Wash it, care for it and make it part of your ritual.\n\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ==========================================================\n     TESTIMONIALS\n     ========================================================== --\u003e\n\n\u003csection class=\"sr-testimonials\"\u003e\n\n\u003cdiv class=\"sr-container\"\u003e\n\n\u003cdiv class=\"sr-testimonials-heading sr-reveal\"\u003e\n\n\u003cdiv class=\"sr-eyebrow\"\u003e\n  Clean Slate Reviews\n\u003c\/div\u003e\n\n\u003ch2\u003e\n  Loved by everyday routines.\n\u003c\/h2\u003e\n\n\u003cp\u003e\n  Real routines. Softer rituals. Little changes that make makeup removal feel better.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"sr-testimonial-slider\"\u003e\n\n\u003cdiv class=\"sr-testimonial-track\" id=\"srTestimonialTrack\"\u003e\n\n\u003cdiv class=\"sr-testimonial-slide\"\u003e\n\n\u003carticle class=\"sr-testimonial-card\"\u003e\n\n\u003cdiv class=\"sr-quote-mark\"\u003e”\u003c\/div\u003e\n\n\u003cdiv class=\"sr-stars\"\u003e\n  ★★★★★\n\u003c\/div\u003e\n\n\u003ch3\u003e\n  So easy to use\n\u003c\/h3\u003e\n\n\u003cp class=\"sr-testimonial-text\"\u003e\n  “The Clean Slate Cloth is honestly so easy to use and wash. I love that I'm no longer going through piles of cotton rounds, and it makes taking my makeup off at night so much easier.”\n\u003c\/p\u003e\n\n\u003cdiv class=\"sr-testimonial-author\"\u003e\n  Lerato, Stellenbosch\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"sr-testimonial-slide\"\u003e\n\n\u003carticle class=\"sr-testimonial-card\"\u003e\n\n\u003cdiv class=\"sr-quote-mark\"\u003e”\u003c\/div\u003e\n\n\u003cdiv class=\"sr-stars\"\u003e\n  ★★★★★\n\u003c\/div\u003e\n\n\u003ch3\u003e\n  Soft and gentle\n\u003c\/h3\u003e\n\n\u003cp class=\"sr-testimonial-text\"\u003e\n  “The Clean Slate Cloth feels so soft against my skin and makes removing makeup feel effortless. I love that I can wash it after using it and have it ready again.”\n\u003c\/p\u003e\n\n\u003cdiv class=\"sr-testimonial-author\"\u003e\n  Naledi, Durban\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"sr-testimonial-slide\"\u003e\n\n\u003carticle class=\"sr-testimonial-card\"\u003e\n\n\u003cdiv class=\"sr-quote-mark\"\u003e”\u003c\/div\u003e\n\n\u003cdiv class=\"sr-stars\"\u003e\n  ★★★★★\n\u003c\/div\u003e\n\n\u003ch3\u003e\n  My routine is so much easier\n\u003c\/h3\u003e\n\n\u003cp class=\"sr-testimonial-text\"\u003e\n  “I absolutely love the Clean Slate Cloth. It removes my makeup quickly and gently, and I love that it can be washed and reused. Such a simple little change.”\n\u003c\/p\u003e\n\n\u003cdiv class=\"sr-testimonial-author\"\u003e\n  Thandi, Cape Town\n\u003c\/div\u003e\n\n\u003c\/article\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"sr-testimonial-navigation\"\u003e\n\n\u003cbutton type=\"button\" class=\"sr-testimonial-arrow\" id=\"srTestimonialPrev\" aria-label=\"Previous testimonial\"\u003e\n‹\n\u003c\/button\u003e\n\n\u003cdiv class=\"sr-testimonial-counter\" id=\"srTestimonialCounter\"\u003e\n  1\/3\n\u003c\/div\u003e\n\n\u003cbutton type=\"button\" class=\"sr-testimonial-arrow\" id=\"srTestimonialNext\" aria-label=\"Next testimonial\"\u003e\n›\n\u003c\/button\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ==========================================================\n     FAQ\n     ========================================================== --\u003e\n\n\u003csection class=\"sr-faq\"\u003e\n\n\u003cdiv class=\"sr-container\"\u003e\n\n\u003cdiv class=\"sr-faq-container\"\u003e\n\n\u003ch2 class=\"sr-reveal\"\u003e\n  Questions, answered.\n\u003c\/h2\u003e\n\n\u003cdiv class=\"sr-faq-item sr-reveal\"\u003e\n\n\u003cbutton class=\"sr-faq-question\" type=\"button\"\u003e\n  How do I use the Clean Slate Cloth?\n  \u003cspan class=\"sr-faq-plus\"\u003e+\u003c\/span\u003e\n\u003c\/button\u003e\n\n\u003cdiv class=\"sr-faq-answer\"\u003e\n\n\u003cp\u003e\n  Wet the cloth with warm water, gently wipe your face to remove makeup and wash the cloth after use.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"sr-faq-item sr-reveal\"\u003e\n\n\u003cbutton class=\"sr-faq-question\" type=\"button\"\u003e\n  Do I need makeup remover?\n  \u003cspan class=\"sr-faq-plus\"\u003e+\u003c\/span\u003e\n\u003c\/button\u003e\n\n\u003cdiv class=\"sr-faq-answer\"\u003e\n\n\u003cp\u003e\n  Clean Slate is designed to be used with water, allowing you to simplify your makeup removal routine.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"sr-faq-item sr-reveal\"\u003e\n\n\u003cbutton class=\"sr-faq-question\" type=\"button\"\u003e\n  Can I wash and reuse it?\n  \u003cspan class=\"sr-faq-plus\"\u003e+\u003c\/span\u003e\n\u003c\/button\u003e\n\n\u003cdiv class=\"sr-faq-answer\"\u003e\n\n\u003cp\u003e\n  Yes. Clean Slate is designed to be washed and reused. Follow the care instructions supplied with the product.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"sr-faq-item sr-reveal\"\u003e\n\n\u003cbutton class=\"sr-faq-question\" type=\"button\"\u003e\n  What size is the cloth?\n  \u003cspan class=\"sr-faq-plus\"\u003e+\u003c\/span\u003e\n\u003c\/button\u003e\n\n\u003cdiv class=\"sr-faq-answer\"\u003e\n\n\u003cp\u003e\n  The Clean Slate Cloth measures approximately 15cm × 15cm.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"sr-faq-item sr-reveal\"\u003e\n\n\u003cbutton class=\"sr-faq-question\" type=\"button\"\u003e\n  Is it suitable for my skin?\n  \u003cspan class=\"sr-faq-plus\"\u003e+\u003c\/span\u003e\n\u003c\/button\u003e\n\n\u003cdiv class=\"sr-faq-answer\"\u003e\n\n\u003cp\u003e\n  Clean Slate features a soft microfiber texture. If you have particularly reactive skin, introduce any new skincare tool gently and discontinue use if irritation occurs.\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ==========================================================\n     FINAL CTA\n     ========================================================== --\u003e\n\n\u003csection class=\"sr-final\"\u003e\n\n\u003cdiv class=\"sr-final-content sr-reveal\"\u003e\n\n\u003cdiv class=\"sr-eyebrow\"\u003e\n  Your new beauty ritual\n\u003c\/div\u003e\n\n\u003ch2\u003e\n  Ditch single-use pads.\n  \u003cem\u003eKeep the ritual.\u003c\/em\u003e\n\u003c\/h2\u003e\n\n\u003cp\u003e\n  One soft cloth. A little water. A simpler way to end your day.\n\u003c\/p\u003e\n\n\u003ca href=\"#\" onclick=\"window.scrollTo({top:0,behavior:'smooth'});return false;\" class=\"sr-btn sr-btn-primary\"\u003e\n  Shop Clean Slate →\n\u003c\/a\u003e\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n\n  \/* ==========================================================\n     FAQ\n     ========================================================== *\/\n\n  function initFAQ() {\n\n    const faqItems =\n      document.querySelectorAll(\".sr-faq-item\");\n\n    faqItems.forEach(function(item) {\n\n      const question =\n        item.querySelector(\".sr-faq-question\");\n\n      const answer =\n        item.querySelector(\".sr-faq-answer\");\n\n      if (!question || !answer) return;\n\n      question.addEventListener(\"click\",function() {\n\n        const isActive =\n          item.classList.contains(\"active\");\n\n        faqItems.forEach(function(otherItem) {\n\n          otherItem.classList.remove(\"active\");\n\n          const otherAnswer =\n            otherItem.querySelector(\".sr-faq-answer\");\n\n          if (otherAnswer) {\n            otherAnswer.style.maxHeight = null;\n          }\n\n        });\n\n        if (!isActive) {\n\n          item.classList.add(\"active\");\n\n          answer.style.maxHeight =\n            answer.scrollHeight + \"px\";\n\n        }\n\n      });\n\n    });\n\n  }\n\n\n  \/* ==========================================================\n     TESTIMONIAL SLIDER\n     ========================================================== *\/\n\n  function initTestimonials() {\n\n    const track =\n      document.getElementById(\"srTestimonialTrack\");\n\n    const prev =\n      document.getElementById(\"srTestimonialPrev\");\n\n    const next =\n      document.getElementById(\"srTestimonialNext\");\n\n    const counter =\n      document.getElementById(\"srTestimonialCounter\");\n\n    if (!track || !prev || !next || !counter) return;\n\n    const slides =\n      track.querySelectorAll(\".sr-testimonial-slide\");\n\n    if (!slides.length) return;\n\n    let current = 0;\n\n    function updateSlider() {\n\n      track.style.transform =\n        \"translateX(-\" + (current * 100) + \"%)\";\n\n      counter.textContent =\n        (current + 1) + \"\/\" + slides.length;\n\n      prev.disabled =\n        current === 0;\n\n      next.disabled =\n        current === slides.length - 1;\n\n    }\n\n    prev.addEventListener(\"click\",function() {\n\n      if (current \u003e 0) {\n        current--;\n        updateSlider();\n      }\n\n    });\n\n    next.addEventListener(\"click\",function() {\n\n      if (current \u003c slides.length - 1) {\n        current++;\n        updateSlider();\n      }\n\n    });\n\n\n    let touchStartX = 0;\n    let touchEndX = 0;\n\n    track.addEventListener(\n      \"touchstart\",\n      function(event) {\n\n        touchStartX =\n          event.changedTouches[0].screenX;\n\n      },\n      {passive:true}\n    );\n\n    track.addEventListener(\n      \"touchend\",\n      function(event) {\n\n        touchEndX =\n          event.changedTouches[0].screenX;\n\n        const difference =\n          touchStartX - touchEndX;\n\n        if (Math.abs(difference) \u003c 45) return;\n\n        if (\n          difference \u003e 0 \u0026\u0026\n          current \u003c slides.length - 1\n        ) {\n          current++;\n        }\n\n        if (\n          difference \u003c 0 \u0026\u0026\n          current \u003e 0\n        ) {\n          current--;\n        }\n\n        updateSlider();\n\n      },\n      {passive:true}\n    );\n\n    updateSlider();\n\n  }\n\n\n  \/* ==========================================================\n     SCROLL REVEAL\n     ========================================================== *\/\n\n  function initReveal() {\n\n    const elements =\n      document.querySelectorAll(\".sr-reveal\");\n\n    if (!(\"IntersectionObserver\" in window)) {\n\n      elements.forEach(function(element) {\n        element.classList.add(\"visible\");\n      });\n\n      return;\n    }\n\n    const observer =\n      new IntersectionObserver(\n        function(entries,observer) {\n\n          entries.forEach(function(entry) {\n\n            if (entry.isIntersecting) {\n\n              entry.target.classList.add(\"visible\");\n\n              observer.unobserve(entry.target);\n\n            }\n\n          });\n\n        },\n        {\n          threshold:.08\n        }\n      );\n\n    elements.forEach(function(element) {\n      observer.observe(element);\n    });\n\n  }\n\n\n  \/* ==========================================================\n     INITIALISE\n     ========================================================== *\/\n\n  function initSoftritual() {\n\n    initFAQ();\n    initTestimonials();\n    initReveal();\n\n  }\n\n\n  if (document.readyState === \"loading\") {\n\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      initSoftritual\n    );\n\n  } else {\n\n    initSoftritual();\n\n  }\n\n})();\n\u003c\/script\u003e","brand":"My Store","offers":[{"title":"Pink \/ Buy 3 Get 1 Free","offer_id":48606336188657,"sku":null,"price":179.0,"currency_code":"ZAR","in_stock":true},{"title":"Pink \/ Buy 5 Get 2 Free","offer_id":48606357913841,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true},{"title":"Pink \/ Buy 7 Get 2 Free","offer_id":48606357946609,"sku":null,"price":379.0,"currency_code":"ZAR","in_stock":true},{"title":"Pink \/ Buy 9 Get 3 Free","offer_id":48611927163121,"sku":null,"price":449.0,"currency_code":"ZAR","in_stock":true},{"title":"Black \/ Buy 3 Get 1 Free","offer_id":48606336221425,"sku":null,"price":179.0,"currency_code":"ZAR","in_stock":true},{"title":"Black \/ Buy 5 Get 2 Free","offer_id":48606357979377,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true},{"title":"Black \/ Buy 7 Get 2 Free","offer_id":48606358012145,"sku":null,"price":379.0,"currency_code":"ZAR","in_stock":true},{"title":"Black \/ Buy 9 Get 3 Free","offer_id":48611927195889,"sku":null,"price":449.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0809\/0527\/3585\/files\/softritual-premium-set-with-muslin-bag.png?v=1786039654"}],"url":"https:\/\/www.softritual.co.za\/collections\/frontpage.oembed","provider":"SoftRitual","version":"1.0","type":"link"}