{"title":"Home page","description":null,"products":[{"product_id":"stainsos™","title":"StainSOS™","description":"\u003cstyle\u003e .stainsos-wrap, .stainsos-wrap * { box-sizing: border-box; } .stainsos-wrap { --ink: #151515; --sage: #6f775b; --sage-dark: #545b45; --line: rgba(21,21,21,.11); width: 100%; margin: 0 !important; padding: 0 !important; overflow: hidden; background: radial-gradient(circle at 10% 5%, rgba(111,119,91,.09), transparent 30%), linear-gradient(180deg, #fbfaf6 0%, #f4f0e8 100%); color: var(--ink); font-family: Arial, Helvetica, sans-serif; } .stainsos-wrap h1, .stainsos-wrap h2, .stainsos-wrap h3, .stainsos-wrap p { margin-top: 0; } .stainsos-shell { width: calc(100% - 28px); max-width: 1180px; margin: 0 auto !important; padding: 24px 0 28px !important; } \/* HERO *\/ .ss-hero { display: grid; grid-template-columns: 1fr; gap: 24px; margin: 0; padding: 0; } .ss-eyebrow { display: flex; align-items: center; gap: 8px; margin: 0 0 13px; color: var(--sage-dark); font-size: 10px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; } .ss-eyebrow:before { content: \"\"; width: 24px; height: 1px; background: currentColor; flex-shrink: 0; } .ss-hero h1 { margin: 0 0 16px; font-size: 43px; line-height: .95; letter-spacing: -.045em; font-weight: 800; } .ss-tm { font-size: .26em; vertical-align: top; margin-left: 3px; } .ss-hero-copy { margin: 0 0 18px; color: #4b4842; font-size: 16px; line-height: 1.55; } .ss-tagline { display: inline-block; padding: 10px 14px; border: 1px solid rgba(21,21,21,.15); border-radius: 50px; background: rgba(255,255,255,.5); font-size: 10px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; } \/* PRODUCT CARD *\/ .ss-hero-card { position: relative; padding: 20px; border-radius: 24px; background: linear-gradient(145deg,#fff,#eee9df); border: 1px solid rgba(21,21,21,.08); box-shadow: 0 18px 45px rgba(34,31,27,.10); overflow: hidden; } .ss-mini-label { display: block; margin: 0 0 18px; font-size: 10px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; color: #6f6a60; } .ss-pen-area { display: flex; align-items: center; justify-content: center; padding: 34px 0 24px; } .ss-pen { position: relative; width: 105px; height: 210px; border-radius: 18px; background: linear-gradient( 180deg, #ef5f95 0 31%, #79c7ea 31% 100% ); box-shadow: 0 22px 42px rgba(47,61,73,.20); animation: ssFloat 4s ease-in-out infinite; } .ss-pen:before { content: \"StainSOS™\"; position: absolute; top: 84px; right: -20px; transform: rotate(90deg); color: #111; font-size: 20px; font-weight: 800; letter-spacing: -.04em; white-space: nowrap; } .ss-pen:after { content: \"\"; position: absolute; left: 14px; top: -43px; width: 77px; height: 58px; border: 7px solid #79c7ea; border-bottom: 0; border-radius: 45px 45px 0 0; } @keyframes ssFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } } .ss-card-note { padding-top: 14px; border-top: 1px solid var(--line); } .ss-card-note strong { display: block; margin-bottom: 4px; font-size: 18px; } .ss-card-note span { display: block; color: #6b665e; font-size: 12px; line-height: 1.5; } \/* SECTIONS *\/ .ss-section { margin: 28px 0 0 !important; padding: 28px 0 0 !important; border-top: 1px solid var(--line); } .ss-section-head { margin-bottom: 20px; } .ss-section-kicker { margin-bottom: 9px; color: var(--sage-dark); font-size: 10px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; } .ss-section h2 { margin: 0; font-size: 34px; line-height: 1; letter-spacing: -.04em; font-weight: 800; } \/* FEATURES *\/ .ss-features { display: grid; grid-template-columns: 1fr; gap: 10px; } .ss-feature { padding: 20px; border: 1px solid var(--line); border-radius: 20px; background: rgba(255,255,255,.64); } .ss-icon { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin-bottom: 15px; border-radius: 12px; background: #ebe7df; font-size: 17px; } .ss-feature h3 { margin: 0 0 7px; font-size: 18px; line-height: 1.2; } .ss-feature p { margin: 0; color: #666158; font-size: 14px; line-height: 1.55; } \/* STORY *\/ .ss-story { display: grid; grid-template-columns: 1fr; gap: 10px; } .ss-story-card { padding: 25px 22px; border-radius: 22px; } .ss-story-card.ss-dark { background: #171715; color: #fff; } .ss-story-card.ss-light { background: #dfe3d4; color: #1f221b; } .ss-story-card h3 { margin: 10px 0 12px; font-size: 29px; line-height: 1.04; letter-spacing: -.035em; } .ss-story-card p { margin: 0; font-size: 14px; line-height: 1.6; opacity: .82; } .ss-quote { margin-top: 20px; font-size: 10px; line-height: 1.5; letter-spacing: .13em; text-transform: uppercase; opacity: .68; } \/* STEPS *\/ .ss-steps { counter-reset: ssstep; } .ss-step { counter-increment: ssstep; padding: 18px 0; border-top: 1px solid rgba(21,21,21,.14); } .ss-step:first-child { border-top: 0; padding-top: 0; } .ss-step:before { content: \"0\" counter(ssstep); display: block; margin-bottom: 10px; color: var(--sage-dark); font-size: 10px; font-weight: 700; letter-spacing: .15em; } .ss-step h3 { margin: 0 0 6px; font-size: 20px; } .ss-step p { margin: 0; color: #666158; font-size: 14px; line-height: 1.55; } \/* CTA *\/ .ss-cta { padding: 28px 22px; border-radius: 24px; background: #151515; color: #fff; } .ss-cta .ss-eyebrow { color: #c7ccb9; } .ss-cta h2 { color: #fff; margin-bottom: 13px; font-size: 33px; } .ss-cta p { margin: 0 0 20px; color: rgba(255,255,255,.7); font-size: 14px; line-height: 1.6; } .ss-cta-btn { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 54px; padding: 0 16px; border-radius: 50px; background: #fff; color: #151515 !important; text-decoration: none !important; font-size: 11px; font-weight: 800; letter-spacing: .10em; text-transform: uppercase; } .ss-fine-print { padding: 13px 6px 0; color: #777269; text-align: center; font-size: 10px; line-height: 1.5; } \/* TABLET *\/ @media screen and (min-width: 650px) { .stainsos-shell { width: 92%; padding: 34px 0 !important; } .ss-features { grid-template-columns: 1fr 1fr; gap: 14px; } .ss-story { grid-template-columns: 1fr 1fr; gap: 14px; } .ss-hero h1 { font-size: 58px; } .ss-section h2 { font-size: 44px; } } \/* DESKTOP *\/ @media screen and (min-width: 950px) { .stainsos-shell { padding: 46px 0 !important; } .ss-hero { grid-template-columns: 1.15fr .85fr; gap: 42px; align-items: center; } .ss-hero h1 { font-size: 76px; } .ss-hero-copy { font-size: 19px; } .ss-hero-card { padding: 27px; } .ss-features { grid-template-columns: repeat(4,1fr); } .ss-feature { padding: 24px; } .ss-section { margin-top: 42px !important; padding-top: 42px !important; } .ss-section-head { display: grid; grid-template-columns: .65fr 1.35fr; gap: 30px; } .ss-section h2 { font-size: 56px; } .ss-story-card { padding: 34px; } .ss-steps { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; } .ss-step, .ss-step:first-child { border-top: 1px solid rgba(21,21,21,.18); padding: 22px 12px; } .ss-cta { display: grid; grid-template-columns: 1.3fr .7fr; gap: 30px; align-items: end; padding: 40px; } .ss-cta p { margin-bottom: 0; font-size: 16px; } .ss-cta-btn { width: auto; min-width: 250px; } } @media (prefers-reduced-motion: reduce) { .ss-pen { animation: none; } } \u003c\/style\u003e \u003cdiv class=\"stainsos-wrap\"\u003e \u003cdiv class=\"stainsos-shell\"\u003e \u003cdiv class=\"ss-hero\"\u003e \u003cdiv\u003e \u003cdiv class=\"ss-eyebrow\"\u003e Everyday stain rescue, elevated \u003c\/div\u003e \u003ch1\u003e StainSOS\u003cspan class=\"ss-tm\"\u003e™\u003c\/span\u003e\u003cbr\u003e Instant Stain Eraser \u003c\/h1\u003e \u003cp class=\"ss-hero-copy\"\u003e A compact stain-treatment essential designed for coffee splashes, food spills, makeup marks and those perfectly-timed accidents that happen just before you need to look your best. \u003c\/p\u003e \u003cdiv class=\"ss-tagline\"\u003e Spills Happen. Be Ready. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"ss-hero-card\"\u003e \u003cspan class=\"ss-mini-label\"\u003e Pocket-sized. Purpose-built. \u003c\/span\u003e \u003cdiv class=\"ss-pen-area\"\u003e \u003cdiv class=\"ss-pen\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"ss-card-note\"\u003e \u003cstrong\u003eMade for life on the go.\u003c\/strong\u003e \u003cspan\u003eWork • Travel • Dining • Daily carry\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"ss-section\"\u003e \u003cdiv class=\"ss-section-head\"\u003e \u003cdiv class=\"ss-section-kicker\"\u003e Why StainSOS™ \u003c\/div\u003e \u003ch2\u003e Because one little spill shouldn’t get the final say. \u003c\/h2\u003e \u003c\/div\u003e \u003cdiv class=\"ss-features\"\u003e \u003cdiv class=\"ss-feature\"\u003e \u003cdiv class=\"ss-icon\"\u003e✦\u003c\/div\u003e \u003ch3\u003eTargeted Stain Treatment\u003c\/h3\u003e \u003cp\u003e Apply exactly where you need it, helping tackle everyday spills while they’re still fresh. \u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"ss-feature\"\u003e \u003cdiv class=\"ss-icon\"\u003e◌\u003c\/div\u003e \u003ch3\u003eRoll-On Application\u003c\/h3\u003e \u003cp\u003e The small roller ball helps apply the stain treatment directly onto the affected area with controlled coverage. \u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"ss-feature\"\u003e \u003cdiv class=\"ss-icon\"\u003e⌁\u003c\/div\u003e \u003ch3\u003eEffortlessly Portable\u003c\/h3\u003e \u003cp\u003e Compact enough for handbags, work bags, travel cases, school bags and everyday carry. \u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"ss-feature\"\u003e \u003cdiv class=\"ss-icon\"\u003e◇\u003c\/div\u003e \u003ch3\u003eEveryday Fabric Rescue\u003c\/h3\u003e \u003cp\u003e Ideal for everyday mishaps involving food, drinks, makeup and other common spills. \u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"ss-section\"\u003e \u003cdiv class=\"ss-story\"\u003e \u003cdiv class=\"ss-story-card ss-dark\"\u003e \u003cdiv class=\"ss-section-kicker\" style=\"color:#c7ccb9;\"\u003e Made for real life \u003c\/div\u003e \u003ch3\u003e Coffee before a meeting. Sauce at lunch. Makeup on your collar. \u003c\/h3\u003e \u003cp\u003e StainSOS™ is designed for the moments that never make it onto your calendar. Keep it close, treat the spill quickly and get on with your day. \u003c\/p\u003e \u003cdiv class=\"ss-quote\"\u003e Small enough to carry. Ready when life gets messy. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"ss-story-card ss-light\"\u003e \u003cdiv class=\"ss-section-kicker\"\u003e Minimal design. Maximum convenience. \u003c\/div\u003e \u003ch3\u003e A cleaning essential you’ll actually want to keep with you. \u003c\/h3\u003e \u003cp\u003e Premium, compact and discreet, StainSOS™ feels at home in a work bag, handbag, car console or travel kit without the bulk of traditional cleaning products. \u003c\/p\u003e \u003cdiv class=\"ss-quote\"\u003e Designed for everyday South African life. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"ss-section\"\u003e \u003cdiv class=\"ss-section-head\"\u003e \u003cdiv class=\"ss-section-kicker\"\u003e How to use \u003c\/div\u003e \u003ch2\u003e Quick stain rescue in three simple steps. \u003c\/h2\u003e \u003c\/div\u003e \u003cdiv class=\"ss-steps\"\u003e \u003cdiv class=\"ss-step\"\u003e \u003ch3\u003eTreat it fresh\u003c\/h3\u003e \u003cp\u003e Address the spill as soon as possible before it has time to settle deeper into the fabric. \u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"ss-step\"\u003e \u003ch3\u003eRoll it on\u003c\/h3\u003e \u003cp\u003e Gently roll StainSOS™ directly over the affected area, focusing the treatment where you need it. \u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"ss-step\"\u003e \u003ch3\u003eCarry on\u003c\/h3\u003e \u003cp\u003e Let the treated area dry and get back to your day without carrying around a bulky stain-removal kit. \u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"ss-section\"\u003e \u003cdiv class=\"ss-cta\"\u003e \u003cdiv\u003e \u003cdiv class=\"ss-eyebrow\"\u003e Your everyday backup plan \u003c\/div\u003e \u003ch2\u003e Keep StainSOS™ close. Let the spill be the only surprise. \u003c\/h2\u003e \u003cp\u003e From coffee runs to dinner plans, travel days to work mornings, StainSOS™ is the compact stain essential made for real life. \u003c\/p\u003e \u003c\/div\u003e \u003ca class=\"ss-cta-btn\" href=\"#ProductInfo-template--main\"\u003e Get Your StainSOS™ \u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"ss-fine-print\"\u003e Always check the garment care label and test on an inconspicuous area first. Results may vary depending on stain type, fabric and how long the stain has been present. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e","brand":"StainSOS™.co.za","offers":[{"title":"R299.99","offer_id":46522826260550,"sku":null,"price":299.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0753\/5807\/6998\/files\/ChatGPTImageSep8_2026_10_34_47PM.png?v=1788899704"}],"url":"https:\/\/stainsos.co.za\/collections\/frontpage.oembed","provider":"StainSOS™.co.za","version":"1.0","type":"link"}