{"product_id":"silk-strand™-the-after-shower","title":"Silk Strand™ The After Shower","description":"\u003csection class=\"ss-after-shower\"\u003e\n\n  \u003c!-- Decorative background --\u003e\n  \u003cdiv class=\"ss-glow ss-glow-1\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"ss-glow ss-glow-2\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"ss-container\"\u003e\n\n    \u003c!-- =========================================\n         BRAND INTRO\n    ========================================== --\u003e\n\n    \u003cdiv class=\"ss-brand-intro ss-reveal\"\u003e\n\n      \u003cspan class=\"ss-brand-name\"\u003e\n        SILK STRAND™\n      \u003c\/span\u003e\n\n      \u003cdiv class=\"ss-gold-line\"\u003e\u003c\/div\u003e\n\n      \u003cspan class=\"ss-brand-sub\"\u003e\n        PREMIUM HAIR CARE\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =========================================\n         HERO SECTION\n    ========================================== --\u003e\n\n    \u003cdiv class=\"ss-hero\"\u003e\n\n      \u003c!-- LEFT CONTENT --\u003e\n\n      \u003cdiv class=\"ss-hero-content ss-reveal\"\u003e\n\n        \u003cdiv class=\"ss-label\"\u003e\n          \u003cspan class=\"ss-label-dot\"\u003e\u003c\/span\u003e\n          YOUR POST-SHOWER HAIR ESSENTIAL\n        \u003c\/div\u003e\n\n        \u003ch1\u003e\n          Wrap Your Hair.\n          \u003cem\u003eElevate Your Ritual.\u003c\/em\u003e\n        \u003c\/h1\u003e\n\n        \u003cp class=\"ss-hero-description\"\u003e\n\n          Meet \u003cstrong\u003eSilk Strand™ The After Shower\u003c\/strong\u003e —\n          a luxuriously soft hair towel cap designed to gently\n          absorb moisture while you move through the rest of\n          your routine.\n\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"ss-hero-highlight\"\u003e\n\n          \u003cdiv class=\"ss-highlight-symbol\"\u003e\n            ✦\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003cstrong\u003e\n              Because your hair deserves more than a regular towel.\n            \u003c\/strong\u003e\n\n            \u003cp\u003e\n              Wrap it, secure it and get on with your morning\n              while the soft, absorbent fabric takes care of\n              excess moisture.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- CTA --\u003e\n\n        \u003cdiv class=\"ss-hero-cta\"\u003e\n\n          \u003ca href=\"#ss-after-shower-buy\" class=\"ss-primary-button\"\u003e\n            \u003cspan\u003eSHOP THE AFTER SHOWER\u003c\/span\u003e\n            \u003cspan class=\"ss-arrow\"\u003e→\u003c\/span\u003e\n          \u003c\/a\u003e\n\n          \u003cdiv class=\"ss-micro-trust\"\u003e\n\n            \u003cspan\u003e✓ Premium Quality\u003c\/span\u003e\n            \u003cspan\u003e✓ Soft \u0026amp; Absorbent\u003c\/span\u003e\n            \u003cspan\u003e✓ Secure Fit\u003c\/span\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- =========================================\n           PRODUCT IMAGE\n      ========================================== --\u003e\n\n      \u003cdiv class=\"ss-product-area ss-reveal\"\u003e\n\n        \u003cdiv class=\"ss-product-halo\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"ss-product-shadow\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"ss-product-image\"\u003e\n\n          \u003c!-- REPLACE WITH YOUR PRODUCT IMAGE --\u003e\n\n          \u003cimg src=\"YOUR_PRODUCT_IMAGE_URL\" alt=\"Silk Strand™ The After Shower premium hair towel cap\"\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003c!-- Floating cards --\u003e\n\n        \u003cdiv class=\"ss-floating-card ss-floating-top\"\u003e\n\n          \u003cdiv class=\"ss-floating-icon\"\u003e\n            ✦\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003cstrong\u003e\n              240 GSM\n            \u003c\/strong\u003e\n\n            \u003csmall\u003e\n              Soft \u0026amp; absorbent\n            \u003c\/small\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"ss-floating-card ss-floating-bottom\"\u003e\n\n          \u003cdiv class=\"ss-floating-icon\"\u003e\n            ♡\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003cstrong\u003e\n              GENTLE ON HAIR\n            \u003c\/strong\u003e\n\n            \u003csmall\u003e\n              Less towel friction\n            \u003c\/small\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =========================================\n         BENEFIT INTRO\n    ========================================== --\u003e\n\n    \u003cdiv class=\"ss-section-heading ss-reveal\"\u003e\n\n      \u003cspan\u003e\n        THE AFTER SHOWER DIFFERENCE\n      \u003c\/span\u003e\n\n      \u003ch2\u003e\n        A little luxury\n        \u003cem\u003eafter every wash.\u003c\/em\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Turn one of the most overlooked parts of your hair routine\n        into a softer, simpler and more enjoyable moment.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =========================================\n         BENEFITS GRID\n    ========================================== --\u003e\n\n    \u003cdiv class=\"ss-benefits\"\u003e\n\n\n      \u003c!-- BENEFIT 1 --\u003e\n\n      \u003cdiv class=\"ss-benefit ss-reveal\"\u003e\n\n        \u003cdiv class=\"ss-benefit-header\"\u003e\n\n          \u003cdiv class=\"ss-benefit-icon\"\u003e\n            💧\n          \u003c\/div\u003e\n\n          \u003cspan\u003e\n            01\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Absorbs Moisture Efficiently\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          The plush 240gsm coral fleece fabric is designed to\n          absorb excess water, helping your hair move from\n          soaking wet to comfortably damp more efficiently.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"ss-benefit-result\"\u003e\n          \u003cspan\u003e✓\u003c\/span\u003e\n          Less time dealing with dripping wet hair\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- BENEFIT 2 --\u003e\n\n      \u003cdiv class=\"ss-benefit ss-reveal\"\u003e\n\n        \u003cdiv class=\"ss-benefit-header\"\u003e\n\n          \u003cdiv class=\"ss-benefit-icon\"\u003e\n            ✨\n          \u003c\/div\u003e\n\n          \u003cspan\u003e\n            02\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Helps Reduce Hair Friction\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Unlike aggressive towel rubbing, the soft fabric lets\n          you wrap your hair gently, helping reduce unnecessary\n          friction during your post-shower routine.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"ss-benefit-result\"\u003e\n          \u003cspan\u003e✓\u003c\/span\u003e\n          A gentler way to handle wet hair\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- BENEFIT 3 --\u003e\n\n      \u003cdiv class=\"ss-benefit ss-reveal\"\u003e\n\n        \u003cdiv class=\"ss-benefit-header\"\u003e\n\n          \u003cdiv class=\"ss-benefit-icon\"\u003e\n            ♡\n          \u003c\/div\u003e\n\n          \u003cspan\u003e\n            03\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Frees Up Your Hands\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Secure your hair and carry on with your routine while\n          the towel cap stays comfortably in place.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"ss-benefit-result\"\u003e\n          \u003cspan\u003e✓\u003c\/span\u003e\n          Skincare, skincare, coffee — hands free\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- BENEFIT 4 --\u003e\n\n      \u003cdiv class=\"ss-benefit ss-reveal\"\u003e\n\n        \u003cdiv class=\"ss-benefit-header\"\u003e\n\n          \u003cdiv class=\"ss-benefit-icon\"\u003e\n            👜\n          \u003c\/div\u003e\n\n          \u003cspan\u003e\n            04\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Made For Life On The Go\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Lightweight and easy to pack, making it a simple addition\n          to weekend trips, holidays, gym bags and sleepovers.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"ss-benefit-result\"\u003e\n          \u003cspan\u003e✓\u003c\/span\u003e\n          Your hair-care ritual travels with you\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =========================================\n         LIFESTYLE SECTION\n    ========================================== --\u003e\n\n    \u003cdiv class=\"ss-lifestyle ss-reveal\"\u003e\n\n      \u003cdiv class=\"ss-lifestyle-copy\"\u003e\n\n        \u003cspan class=\"ss-lifestyle-label\"\u003e\n          YOUR ROUTINE, UPGRADED\n        \u003c\/span\u003e\n\n        \u003ch2\u003e\n          Don't just dry your hair.\n          \u003cem\u003eCare for it.\u003c\/em\u003e\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          Your hair is at its most delicate when wet.\n          Instead of twisting it into a heavy bath towel,\n          give it a softer place to rest while you continue\n          getting ready.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"ss-lifestyle-list\"\u003e\n\n          \u003cdiv\u003e\n            \u003cspan\u003e01\u003c\/span\u003e\n            \u003cstrong\u003eStep out of the shower\u003c\/strong\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003cspan\u003e02\u003c\/span\u003e\n            \u003cstrong\u003eWrap your hair gently\u003c\/strong\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003cspan\u003e03\u003c\/span\u003e\n            \u003cstrong\u003eSecure and carry on\u003c\/strong\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003cspan\u003e04\u003c\/span\u003e\n            \u003cstrong\u003eUnwrap when you're ready\u003c\/strong\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ss-ritual-card\"\u003e\n\n        \u003cdiv class=\"ss-ritual-circle\"\u003e\n\n          \u003cspan\u003e\n            SS\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n        \u003cp\u003e\n          THE\u003cbr\u003e\n          AFTER\u003cbr\u003e\n          SHOWER\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =========================================\n         \"WHY A HAIR TOWEL CAP?\"\n    ========================================== --\u003e\n\n    \u003cdiv class=\"ss-comparison ss-reveal\"\u003e\n\n      \u003cdiv class=\"ss-comparison-heading\"\u003e\n\n        \u003cspan\u003e\n          WHY MAKE THE SWITCH?\n        \u003c\/span\u003e\n\n        \u003ch2\u003e\n          Your regular towel\n          \u003cem\u003ewasn't designed for this.\u003c\/em\u003e\n        \u003c\/h2\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ss-comparison-grid\"\u003e\n\n        \u003cdiv class=\"ss-comparison-old\"\u003e\n\n          \u003cspan class=\"ss-comparison-icon\"\u003e\n            ×\n          \u003c\/span\u003e\n\n          \u003ch3\u003e\n            Traditional Bath Towel\n          \u003c\/h3\u003e\n\n          \u003cul\u003e\n\n            \u003cli\u003e\n              Heavy when wrapped around wet hair\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n              Can create unnecessary friction\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n              Often slips while you're getting ready\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n              Takes up more space in your luggage\n            \u003c\/li\u003e\n\n          \u003c\/ul\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"ss-comparison-new\"\u003e\n\n          \u003cspan class=\"ss-comparison-icon\"\u003e\n            ✓\n          \u003c\/span\u003e\n\n          \u003ch3\u003e\n            Silk Strand™\n          \u003c\/h3\u003e\n\n          \u003cul\u003e\n\n            \u003cli\u003e\n              Lightweight and comfortable\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n              Soft coral fleece construction\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n              Designed for a secure fit\n            \u003c\/li\u003e\n\n            \u003cli\u003e\n              Easy to pack and take anywhere\n            \u003c\/li\u003e\n\n          \u003c\/ul\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =========================================\n         FABRIC \/ QUALITY SECTION\n    ========================================== --\u003e\n\n    \u003cdiv class=\"ss-quality ss-reveal\"\u003e\n\n      \u003cdiv class=\"ss-quality-badge\"\u003e\n\n        \u003cdiv class=\"ss-quality-number\"\u003e\n          240\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"ss-quality-unit\"\u003e\n          GSM\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ss-quality-copy\"\u003e\n\n        \u003cspan\u003e\n          THE SILK STRAND™ TOUCH\n        \u003c\/span\u003e\n\n        \u003ch2\u003e\n          Soft where it matters.\n          \u003cem\u003eAbsorbent when you need it.\u003c\/em\u003e\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          Crafted from 240gsm coral fleece knit fabric,\n          The After Shower combines a plush feel with\n          practical absorbency — giving you a comfortable\n          way to manage moisture after washing your hair.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"ss-quality-features\"\u003e\n\n          \u003cdiv\u003e\n            \u003cspan\u003e✦\u003c\/span\u003e\n            \u003cstrong\u003ePlush feel\u003c\/strong\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003cspan\u003e✦\u003c\/span\u003e\n            \u003cstrong\u003eHighly absorbent\u003c\/strong\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003cspan\u003e✦\u003c\/span\u003e\n            \u003cstrong\u003eLightweight\u003c\/strong\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003cspan\u003e✦\u003c\/span\u003e\n            \u003cstrong\u003eComfortable fit\u003c\/strong\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =========================================\n         WOMAN \/ LIFESTYLE MESSAGE\n    ========================================== --\u003e\n\n    \u003cdiv class=\"ss-woman-section ss-reveal\"\u003e\n\n      \u003cdiv class=\"ss-woman-content\"\u003e\n\n        \u003cspan\u003e\n          MADE FOR HER\n        \u003c\/span\u003e\n\n        \u003ch2\u003e\n          For the woman who\n          makes time for herself.\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          Whether you're starting your morning, getting ready\n          for work, doing your skincare or packing for a weekend\n          away — The After Shower fits effortlessly into the\n          moments that make up your routine.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"ss-woman-points\"\u003e\n\n          \u003cdiv\u003e\n            \u003cspan\u003e♡\u003c\/span\u003e\n            \u003cstrong\u003eMorning routines\u003c\/strong\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003cspan\u003e♡\u003c\/span\u003e\n            \u003cstrong\u003eWash days\u003c\/strong\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003cspan\u003e♡\u003c\/span\u003e\n            \u003cstrong\u003eTravel \u0026amp; holidays\u003c\/strong\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003cspan\u003e♡\u003c\/span\u003e\n            \u003cstrong\u003eSelf-care moments\u003c\/strong\u003e\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =========================================\n         TRUST STRIP\n    ========================================== --\u003e\n\n    \u003cdiv class=\"ss-trust-strip ss-reveal\"\u003e\n\n      \u003cdiv\u003e\n\n        \u003cspan\u003e💧\u003c\/span\u003e\n\n        \u003cstrong\u003e\n          ABSORBENT\n        \u003c\/strong\u003e\n\n        \u003csmall\u003e\n          240gsm coral fleece\n        \u003c\/small\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv\u003e\n\n        \u003cspan\u003e♡\u003c\/span\u003e\n\n        \u003cstrong\u003e\n          GENTLE\n        \u003c\/strong\u003e\n\n        \u003csmall\u003e\n          Soft on wet hair\n        \u003c\/small\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv\u003e\n\n        \u003cspan\u003e✦\u003c\/span\u003e\n\n        \u003cstrong\u003e\n          PREMIUM\n        \u003c\/strong\u003e\n\n        \u003csmall\u003e\n          Designed for everyday use\n        \u003c\/small\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv\u003e\n\n        \u003cspan\u003e👜\u003c\/span\u003e\n\n        \u003cstrong\u003e\n          TRAVEL READY\n        \u003c\/strong\u003e\n\n        \u003csmall\u003e\n          Easy to take anywhere\n        \u003c\/small\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- =========================================\n         FINAL CTA\n    ========================================== --\u003e\n\n    \u003cdiv class=\"ss-final-cta\" id=\"ss-after-shower-buy\"\u003e\n\n      \u003cdiv class=\"ss-final-inner ss-reveal\"\u003e\n\n        \u003cspan class=\"ss-final-label\"\u003e\n          YOUR POST-SHOWER RITUAL\n        \u003c\/span\u003e\n\n        \u003ch2\u003e\n          Wrap it up.\n          \u003cem\u003eOwn your ritual.\u003c\/em\u003e\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          Give your hair a softer moment after every wash.\n        \u003c\/p\u003e\n\n        \u003ca href=\"\/products\/silk-strand-the-after-shower\" class=\"ss-final-button\"\u003e\n          SHOP THE AFTER SHOWER\n          \u003cspan\u003e→\u003c\/span\u003e\n        \u003c\/a\u003e\n\n        \u003cdiv class=\"ss-final-trust\"\u003e\n\n          \u003cspan\u003e✓ Premium Quality\u003c\/span\u003e\n          \u003cspan\u003e✓ Fast \u0026amp; Reliable Shipping\u003c\/span\u003e\n          \u003cspan\u003e✓ Secure Checkout\u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003cstyle\u003e\n\n\/* =========================================================\n   SILK STRAND™ — THE AFTER SHOWER\n   PREMIUM EDITION\n========================================================= *\/\n\n.ss-after-shower {\n\n  --ss-burgundy: #4b1729;\n  --ss-burgundy-dark: #2c0d18;\n\n  --ss-gold: #b88a45;\n  --ss-gold-light: #d5b577;\n\n  --ss-black: #171316;\n\n  --ss-text: #43383c;\n  --ss-muted: #7d7376;\n\n  --ss-cream: #faf8f5;\n\n  background: #ffffff;\n\n  color: var(--ss-text);\n\n  padding: 95px 20px;\n\n  overflow: hidden;\n\n  position: relative;\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    sans-serif;\n\n}\n\n\n\/* =========================================\n   CONTAINER\n========================================= *\/\n\n.ss-container {\n\n  max-width: 1220px;\n\n  margin: auto;\n\n  position: relative;\n\n  z-index: 2;\n\n}\n\n\n\/* =========================================\n   BACKGROUND GLOW\n========================================= *\/\n\n.ss-glow {\n\n  position: absolute;\n\n  border-radius: 50%;\n\n  pointer-events: none;\n\n  filter: blur(90px);\n\n  opacity: .4;\n\n}\n\n.ss-glow-1 {\n\n  width: 400px;\n\n  height: 400px;\n\n  background:\n    rgba(184,138,69,.08);\n\n  top: 250px;\n\n  right: -220px;\n\n}\n\n.ss-glow-2 {\n\n  width: 350px;\n\n  height: 350px;\n\n  background:\n    rgba(75,23,41,.04);\n\n  left: -200px;\n\n  top: 900px;\n\n}\n\n\n\/* =========================================\n   BRAND INTRO\n========================================= *\/\n\n.ss-brand-intro {\n\n  text-align: center;\n\n  margin-bottom: 40px;\n\n}\n\n.ss-brand-name {\n\n  color: var(--ss-burgundy);\n\n  font-family: Georgia, serif;\n\n  font-size: 15px;\n\n  letter-spacing: 4px;\n\n}\n\n.ss-gold-line {\n\n  width: 55px;\n\n  height: 1px;\n\n  background: var(--ss-gold);\n\n  margin: 12px auto;\n\n}\n\n.ss-brand-sub {\n\n  color: var(--ss-gold);\n\n  font-size: 8px;\n\n  font-weight: 700;\n\n  letter-spacing: 3px;\n\n}\n\n\n\/* =========================================\n   HERO\n========================================= *\/\n\n.ss-hero {\n\n  display: grid;\n\n  grid-template-columns: 1fr 1fr;\n\n  align-items: center;\n\n  gap: 55px;\n\n  min-height: 650px;\n\n}\n\n\n\/* =========================================\n   LABEL\n========================================= *\/\n\n.ss-label {\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 9px;\n\n  border:\n    1px solid rgba(184,138,69,.28);\n\n  padding: 9px 14px;\n\n  border-radius: 50px;\n\n  color: var(--ss-burgundy);\n\n  font-size: 8px;\n\n  font-weight: 700;\n\n  letter-spacing: 1.4px;\n\n  margin-bottom: 25px;\n\n}\n\n.ss-label-dot {\n\n  width: 6px;\n\n  height: 6px;\n\n  border-radius: 50%;\n\n  background: var(--ss-gold);\n\n  box-shadow:\n    0 0 0 5px rgba(184,138,69,.10);\n\n}\n\n\n\/* =========================================\n   HERO TITLE\n========================================= *\/\n\n.ss-hero h1 {\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size:\n    clamp(52px, 6vw, 78px);\n\n  line-height: .98;\n\n  letter-spacing: -3px;\n\n  color: var(--ss-burgundy);\n\n  font-weight: 400;\n\n  margin: 0;\n\n}\n\n.ss-hero h1 em {\n\n  display: block;\n\n  color: var(--ss-gold);\n\n  font-style: italic;\n\n}\n\n\n\/* =========================================\n   HERO DESCRIPTION\n========================================= *\/\n\n.ss-hero-description {\n\n  max-width: 550px;\n\n  color: var(--ss-muted);\n\n  font-size: 16px;\n\n  line-height: 1.8;\n\n  margin: 28px 0;\n\n}\n\n.ss-hero-description strong {\n\n  color: var(--ss-burgundy);\n\n}\n\n\n\/* =========================================\n   HERO HIGHLIGHT\n========================================= *\/\n\n.ss-hero-highlight {\n\n  display: flex;\n\n  gap: 15px;\n\n  max-width: 530px;\n\n  padding: 17px 20px;\n\n  border-left:\n    2px solid var(--ss-gold);\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(184,138,69,.07),\n      transparent\n    );\n\n}\n\n.ss-highlight-symbol {\n\n  color: var(--ss-gold);\n\n  font-size: 20px;\n\n}\n\n.ss-hero-highlight strong {\n\n  display: block;\n\n  color: var(--ss-burgundy);\n\n  font-family: Georgia, serif;\n\n  font-size: 14px;\n\n  margin-bottom: 5px;\n\n}\n\n.ss-hero-highlight p {\n\n  margin: 0;\n\n  color: var(--ss-muted);\n\n  font-size: 11px;\n\n  line-height: 1.6;\n\n}\n\n\n\/* =========================================\n   BUTTON\n========================================= *\/\n\n.ss-hero-cta {\n\n  margin-top: 30px;\n\n}\n\n.ss-primary-button {\n\n  display: inline-flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  gap: 25px;\n\n  padding: 18px 26px;\n\n  background:\n    var(--ss-burgundy);\n\n  color: #ffffff;\n\n  text-decoration: none;\n\n  font-size: 9px;\n\n  font-weight: 700;\n\n  letter-spacing: 1.8px;\n\n  box-shadow:\n    0 15px 35px rgba(75,23,41,.18);\n\n  transition: .3s ease;\n\n}\n\n.ss-primary-button:hover {\n\n  transform: translateY(-3px);\n\n  box-shadow:\n    0 20px 45px rgba(75,23,41,.25);\n\n}\n\n.ss-arrow {\n\n  color: var(--ss-gold-light);\n\n  font-size: 18px;\n\n  transition: .3s ease;\n\n}\n\n.ss-primary-button:hover .ss-arrow {\n\n  transform: translateX(6px);\n\n}\n\n.ss-micro-trust {\n\n  display: flex;\n\n  flex-wrap: wrap;\n\n  gap: 13px;\n\n  margin-top: 12px;\n\n  font-size: 8px;\n\n  color: var(--ss-muted);\n\n}\n\n\n\/* =========================================\n   PRODUCT AREA\n========================================= *\/\n\n.ss-product-area {\n\n  position: relative;\n\n  min-height: 570px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n}\n\n.ss-product-halo {\n\n  position: absolute;\n\n  width: 480px;\n\n  height: 480px;\n\n  border-radius: 50%;\n\n  background:\n\n    radial-gradient(\n      circle,\n      rgba(184,138,69,.12),\n      rgba(184,138,69,.025) 55%,\n      transparent 70%\n    );\n\n  border:\n    1px solid rgba(184,138,69,.12);\n\n}\n\n.ss-product-shadow {\n\n  position: absolute;\n\n  bottom: 45px;\n\n  width: 240px;\n\n  height: 35px;\n\n  border-radius: 50%;\n\n  background:\n    rgba(0,0,0,.14);\n\n  filter: blur(20px);\n\n}\n\n.ss-product-image {\n\n  width: 420px;\n\n  height: 510px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  position: relative;\n\n  z-index: 3;\n\n  animation:\n    ssProductFloat 5s ease-in-out infinite;\n\n}\n\n.ss-product-image img {\n\n  width: 100%;\n\n  height: 100%;\n\n  object-fit: contain;\n\n  filter:\n    drop-shadow(\n      0 25px 25px rgba(0,0,0,.15)\n    );\n\n}\n\n@keyframes ssProductFloat {\n\n  0%,100% {\n\n    transform:\n      translateY(0)\n      rotate(0deg);\n\n  }\n\n  50% {\n\n    transform:\n      translateY(-10px)\n      rotate(.5deg);\n\n  }\n\n}\n\n\n\/* =========================================\n   FLOATING CARDS\n========================================= *\/\n\n.ss-floating-card {\n\n  position: absolute;\n\n  z-index: 5;\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 10px;\n\n  padding: 12px 15px;\n\n  background:\n    rgba(255,255,255,.94);\n\n  border:\n    1px solid rgba(184,138,69,.23);\n\n  box-shadow:\n    0 18px 45px rgba(0,0,0,.08);\n\n  backdrop-filter:\n    blur(12px);\n\n  animation:\n    ssFloatingCard 4s ease-in-out infinite;\n\n}\n\n.ss-floating-icon {\n\n  width: 30px;\n\n  height: 30px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  border-radius: 50%;\n\n  background:\n    rgba(184,138,69,.08);\n\n  color: var(--ss-gold);\n\n}\n\n.ss-floating-card strong {\n\n  display: block;\n\n  color: var(--ss-burgundy);\n\n  font-size: 8px;\n\n  letter-spacing: 1.2px;\n\n}\n\n.ss-floating-card small {\n\n  display: block;\n\n  color: var(--ss-muted);\n\n  font-size: 8px;\n\n  margin-top: 3px;\n\n}\n\n.ss-floating-top {\n\n  left: 0;\n\n  top: 20%;\n\n}\n\n.ss-floating-bottom {\n\n  right: 0;\n\n  bottom: 17%;\n\n  animation-delay: 1.2s;\n\n}\n\n@keyframes ssFloatingCard {\n\n  0%,100% {\n\n    transform:\n      translateY(0);\n\n  }\n\n  50% {\n\n    transform:\n      translateY(-8px);\n\n  }\n\n}\n\n\n\/* =========================================\n   SECTION HEADING\n========================================= *\/\n\n.ss-section-heading {\n\n  max-width: 750px;\n\n  margin:\n    100px auto 50px;\n\n  text-align: center;\n\n}\n\n.ss-section-heading \u003e span {\n\n  color: var(--ss-gold);\n\n  font-size: 8px;\n\n  font-weight: 700;\n\n  letter-spacing: 3px;\n\n}\n\n.ss-section-heading h2 {\n\n  color: var(--ss-burgundy);\n\n  font-family: Georgia, serif;\n\n  font-weight: 400;\n\n  font-size:\n    clamp(38px,5vw,58px);\n\n  line-height: 1.05;\n\n  margin: 15px 0;\n\n}\n\n.ss-section-heading h2 em {\n\n  color: var(--ss-gold);\n\n  font-style: italic;\n\n}\n\n.ss-section-heading p {\n\n  max-width: 600px;\n\n  margin: auto;\n\n  color: var(--ss-muted);\n\n  font-size: 14px;\n\n  line-height: 1.7;\n\n}\n\n\n\/* =========================================\n   BENEFITS\n========================================= *\/\n\n.ss-benefits {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(2,1fr);\n\n  gap: 18px;\n\n}\n\n.ss-benefit {\n\n  padding: 34px;\n\n  border:\n    1px solid #eee9e4;\n\n  background: #ffffff;\n\n  transition:\n    .4s cubic-bezier(.22,1,.36,1);\n\n}\n\n.ss-benefit:hover {\n\n  transform:\n    translateY(-7px);\n\n  border-color:\n    rgba(184,138,69,.35);\n\n  box-shadow:\n    0 25px 60px rgba(75,23,41,.08);\n\n}\n\n.ss-benefit-header {\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: space-between;\n\n}\n\n.ss-benefit-icon {\n\n  width: 45px;\n\n  height: 45px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  border-radius: 50%;\n\n  background:\n    rgba(184,138,69,.08);\n\n  font-size: 20px;\n\n}\n\n.ss-benefit-header \u003e span {\n\n  color: #c8c1be;\n\n  font-size: 9px;\n\n  letter-spacing: 2px;\n\n}\n\n.ss-benefit h3 {\n\n  color: var(--ss-burgundy);\n\n  font-family: Georgia, serif;\n\n  font-size: 24px;\n\n  font-weight: 400;\n\n  margin: 24px 0 10px;\n\n}\n\n.ss-benefit p {\n\n  color: var(--ss-muted);\n\n  font-size: 13px;\n\n  line-height: 1.7;\n\n  margin: 0;\n\n}\n\n.ss-benefit-result {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  margin-top: 22px;\n\n  color: var(--ss-burgundy);\n\n  font-size: 9px;\n\n}\n\n.ss-benefit-result span {\n\n  color: var(--ss-gold);\n\n  font-size: 15px;\n\n}\n\n\n\/* =========================================\n   LIFESTYLE\n========================================= *\/\n\n.ss-lifestyle {\n\n  display: grid;\n\n  grid-template-columns:\n    1fr 300px;\n\n  gap: 60px;\n\n  align-items: center;\n\n  margin:\n    130px 0;\n\n  padding: 70px;\n\n  background:\n    #faf8f5;\n\n  border:\n    1px solid #eee7df;\n\n}\n\n.ss-lifestyle-label {\n\n  color: var(--ss-gold);\n\n  font-size: 8px;\n\n  letter-spacing: 3px;\n\n  font-weight: 700;\n\n}\n\n.ss-lifestyle h2 {\n\n  color: var(--ss-burgundy);\n\n  font-family: Georgia, serif;\n\n  font-size:\n    clamp(38px,5vw,58px);\n\n  line-height: 1.05;\n\n  font-weight: 400;\n\n  margin: 15px 0;\n\n}\n\n.ss-lifestyle h2 em {\n\n  color: var(--ss-gold);\n\n}\n\n.ss-lifestyle-copy \u003e p {\n\n  max-width: 600px;\n\n  color: var(--ss-muted);\n\n  font-size: 14px;\n\n  line-height: 1.8;\n\n}\n\n.ss-lifestyle-list {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(2,1fr);\n\n  gap: 14px;\n\n  margin-top: 30px;\n\n}\n\n.ss-lifestyle-list div {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 10px;\n\n}\n\n.ss-lifestyle-list span {\n\n  color: var(--ss-gold);\n\n  font-size: 9px;\n\n}\n\n.ss-lifestyle-list strong {\n\n  color: var(--ss-burgundy);\n\n  font-size: 10px;\n\n}\n\n.ss-ritual-card {\n\n  text-align: center;\n\n}\n\n.ss-ritual-circle {\n\n  width: 210px;\n\n  height: 210px;\n\n  margin: auto;\n\n  border:\n    1px solid rgba(184,138,69,.35);\n\n  border-radius: 50%;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n}\n\n.ss-ritual-circle span {\n\n  color: var(--ss-gold);\n\n  font-family: Georgia, serif;\n\n  font-size: 55px;\n\n}\n\n.ss-ritual-card p {\n\n  margin-top: -70px;\n\n  position: relative;\n\n  color: var(--ss-burgundy);\n\n  font-family: Georgia, serif;\n\n  font-size: 10px;\n\n  letter-spacing: 4px;\n\n  line-height: 1.6;\n\n}\n\n\n\/* =========================================\n   COMPARISON\n========================================= *\/\n\n.ss-comparison {\n\n  margin:\n    120px 0;\n\n}\n\n.ss-comparison-heading {\n\n  text-align: center;\n\n  max-width: 700px;\n\n  margin: auto auto 45px;\n\n}\n\n.ss-comparison-heading \u003e span {\n\n  color: var(--ss-gold);\n\n  font-size: 8px;\n\n  font-weight: 700;\n\n  letter-spacing: 3px;\n\n}\n\n.ss-comparison-heading h2 {\n\n  color: var(--ss-burgundy);\n\n  font-family: Georgia, serif;\n\n  font-size:\n    clamp(38px,5vw,55px);\n\n  font-weight: 400;\n\n  line-height: 1.05;\n\n}\n\n.ss-comparison-heading em {\n\n  color: var(--ss-gold);\n\n}\n\n.ss-comparison-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    1fr 1fr;\n\n  gap: 18px;\n\n}\n\n.ss-comparison-old,\n.ss-comparison-new {\n\n  padding: 35px;\n\n}\n\n.ss-comparison-old {\n\n  background:\n    #f7f5f3;\n\n  border:\n    1px solid #ebe6e2;\n\n}\n\n.ss-comparison-new {\n\n  background:\n    var(--ss-burgundy);\n\n  color: white;\n\n  box-shadow:\n    0 20px 50px rgba(75,23,41,.15);\n\n}\n\n.ss-comparison-icon {\n\n  display: flex;\n\n  width: 42px;\n\n  height: 42px;\n\n  align-items: center;\n\n  justify-content: center;\n\n  border-radius: 50%;\n\n  background:\n    rgba(184,138,69,.12);\n\n  color: var(--ss-gold);\n\n  font-size: 20px;\n\n}\n\n.ss-comparison h3 {\n\n  font-family: Georgia, serif;\n\n  font-size: 24px;\n\n  font-weight: 400;\n\n  margin:\n    22px 0;\n\n}\n\n.ss-comparison-old h3 {\n\n  color: var(--ss-burgundy);\n\n}\n\n.ss-comparison-new h3 {\n\n  color: white;\n\n}\n\n.ss-comparison ul {\n\n  padding: 0;\n\n  margin: 0;\n\n  list-style: none;\n\n}\n\n.ss-comparison li {\n\n  padding:\n    11px 0;\n\n  border-bottom:\n    1px solid rgba(128,128,128,.15);\n\n  font-size: 12px;\n\n  line-height: 1.5;\n\n}\n\n.ss-comparison-old li {\n\n  color: var(--ss-muted);\n\n}\n\n.ss-comparison-new li {\n\n  color: rgba(255,255,255,.75);\n\n  border-color:\n    rgba(255,255,255,.12);\n\n}\n\n.ss-comparison-new li::before {\n\n  content: \"✓\";\n\n  color: var(--ss-gold-light);\n\n  margin-right: 8px;\n\n}\n\n\n\/* =========================================\n   QUALITY\n========================================= *\/\n\n.ss-quality {\n\n  display: grid;\n\n  grid-template-columns: 280px 1fr;\n\n  gap: 70px;\n\n  align-items: center;\n\n  margin:\n    120px 0;\n\n  padding:\n    70px;\n\n  border:\n    1px solid #eee7df;\n\n}\n\n.ss-quality-badge {\n\n  width: 230px;\n\n  height: 230px;\n\n  border-radius: 50%;\n\n  border:\n    1px solid rgba(184,138,69,.35);\n\n  display: flex;\n\n  flex-direction: column;\n\n  align-items: center;\n\n  justify-content: center;\n\n  margin: auto;\n\n}\n\n.ss-quality-number {\n\n  color: var(--ss-gold);\n\n  font-family: Georgia, serif;\n\n  font-size: 65px;\n\n  line-height: .8;\n\n}\n\n.ss-quality-unit {\n\n  color: var(--ss-burgundy);\n\n  font-size: 11px;\n\n  letter-spacing: 3px;\n\n  margin-top: 12px;\n\n  font-weight: 700;\n\n}\n\n.ss-quality-copy \u003e span {\n\n  color: var(--ss-gold);\n\n  font-size: 8px;\n\n  letter-spacing: 3px;\n\n  font-weight: 700;\n\n}\n\n.ss-quality-copy h2 {\n\n  color: var(--ss-burgundy);\n\n  font-family: Georgia, serif;\n\n  font-size:\n    clamp(36px,5vw,55px);\n\n  font-weight: 400;\n\n  line-height: 1.05;\n\n  margin: 15px 0;\n\n}\n\n.ss-quality-copy h2 em {\n\n  color: var(--ss-gold);\n\n}\n\n.ss-quality-copy \u003e p {\n\n  max-width: 620px;\n\n  color: var(--ss-muted);\n\n  font-size: 14px;\n\n  line-height: 1.8;\n\n}\n\n.ss-quality-features {\n\n  display: flex;\n\n  flex-wrap: wrap;\n\n  gap: 20px;\n\n  margin-top: 25px;\n\n}\n\n.ss-quality-features div {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 7px;\n\n}\n\n.ss-quality-features span {\n\n  color: var(--ss-gold);\n\n}\n\n.ss-quality-features strong {\n\n  color: var(--ss-burgundy);\n\n  font-size: 10px;\n\n}\n\n\n\/* =========================================\n   WOMAN SECTION\n========================================= *\/\n\n.ss-woman-section {\n\n  text-align: center;\n\n  padding:\n    100px 30px;\n\n  margin:\n    100px 0;\n\n  background:\n\n    radial-gradient(\n      circle at center,\n      rgba(184,138,69,.10),\n      transparent 50%\n    ),\n\n    #faf8f5;\n\n}\n\n.ss-woman-content {\n\n  max-width: 760px;\n\n  margin: auto;\n\n}\n\n.ss-woman-content \u003e span {\n\n  color: var(--ss-gold);\n\n  font-size: 8px;\n\n  font-weight: 700;\n\n  letter-spacing: 3px;\n\n}\n\n.ss-woman-content h2 {\n\n  color: var(--ss-burgundy);\n\n  font-family: Georgia, serif;\n\n  font-size:\n    clamp(40px,5vw,60px);\n\n  line-height: 1.05;\n\n  font-weight: 400;\n\n  margin: 15px 0;\n\n}\n\n.ss-woman-content p {\n\n  max-width: 650px;\n\n  margin: auto;\n\n  color: var(--ss-muted);\n\n  font-size: 14px;\n\n  line-height: 1.8;\n\n}\n\n.ss-woman-points {\n\n  display: flex;\n\n  justify-content: center;\n\n  flex-wrap: wrap;\n\n  gap: 25px;\n\n  margin-top: 30px;\n\n}\n\n.ss-woman-points div {\n\n  display: flex;\n\n  gap: 7px;\n\n  align-items: center;\n\n}\n\n.ss-woman-points span {\n\n  color: var(--ss-gold);\n\n}\n\n.ss-woman-points strong {\n\n  color: var(--ss-burgundy);\n\n  font-size: 10px;\n\n}\n\n\n\/* =========================================\n   TRUST STRIP\n========================================= *\/\n\n.ss-trust-strip {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(4,1fr);\n\n  border-top:\n    1px solid #e8e1db;\n\n  border-bottom:\n    1px solid #e8e1db;\n\n}\n\n.ss-trust-strip \u003e div {\n\n  text-align: center;\n\n  padding: 25px 15px;\n\n  border-right:\n    1px solid #e8e1db;\n\n}\n\n.ss-trust-strip \u003e div:last-child {\n\n  border-right: 0;\n\n}\n\n.ss-trust-strip span {\n\n  display: block;\n\n  font-size: 20px;\n\n  margin-bottom: 8px;\n\n}\n\n.ss-trust-strip strong {\n\n  display: block;\n\n  color: var(--ss-burgundy);\n\n  font-size: 8px;\n\n  letter-spacing: 1.5px;\n\n}\n\n.ss-trust-strip small {\n\n  display: block;\n\n  color: var(--ss-muted);\n\n  font-size: 8px;\n\n  margin-top: 4px;\n\n}\n\n\n\/* =========================================\n   FINAL CTA\n========================================= *\/\n\n.ss-final-cta {\n\n  position: relative;\n\n  overflow: hidden;\n\n  text-align: center;\n\n  background:\n    var(--ss-burgundy);\n\n  margin-top: 90px;\n\n  padding:\n    90px 25px;\n\n}\n\n.ss-final-cta::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  width: 500px;\n\n  height: 500px;\n\n  border-radius: 50%;\n\n  border:\n    1px solid rgba(213,181,119,.15);\n\n  left: 50%;\n\n  top: 50%;\n\n  transform:\n    translate(-50%,-50%);\n\n}\n\n.ss-final-inner {\n\n  position: relative;\n\n  z-index: 2;\n\n}\n\n.ss-final-label {\n\n  color: var(--ss-gold-light);\n\n  font-size: 8px;\n\n  letter-spacing: 3px;\n\n  font-weight: 700;\n\n}\n\n.ss-final-cta h2 {\n\n  color: white;\n\n  font-family: Georgia, serif;\n\n  font-size:\n    clamp(45px,6vw,70px);\n\n  line-height: .98;\n\n  font-weight: 400;\n\n  margin: 18px 0;\n\n}\n\n.ss-final-cta h2 em {\n\n  display: block;\n\n  color: var(--ss-gold-light);\n\n}\n\n.ss-final-cta p {\n\n  color:\n    rgba(255,255,255,.68);\n\n  font-size: 14px;\n\n  margin-bottom: 30px;\n\n}\n\n.ss-final-button {\n\n  display: inline-flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  gap: 25px;\n\n  padding:\n    18px 28px;\n\n  background:\n    var(--ss-gold);\n\n  color: white;\n\n  text-decoration: none;\n\n  font-size: 9px;\n\n  font-weight: 700;\n\n  letter-spacing: 1.8px;\n\n  transition: .3s ease;\n\n}\n\n.ss-final-button:hover {\n\n  transform:\n    translateY(-3px);\n\n}\n\n.ss-final-button span {\n\n  font-size: 18px;\n\n}\n\n.ss-final-trust {\n\n  display: flex;\n\n  justify-content: center;\n\n  flex-wrap: wrap;\n\n  gap: 20px;\n\n  margin-top: 22px;\n\n  color:\n    rgba(255,255,255,.65);\n\n  font-size: 8px;\n\n}\n\n\n\/* =========================================\n   SCROLL ANIMATION\n========================================= *\/\n\n.ss-reveal {\n\n  opacity: 0;\n\n  transform:\n    translateY(28px);\n\n  transition:\n    opacity .8s ease,\n    transform .8s cubic-bezier(.22,1,.36,1);\n\n}\n\n.ss-reveal.ss-visible {\n\n  opacity: 1;\n\n  transform:\n    translateY(0);\n\n}\n\n\n\/* =========================================\n   TABLET\n========================================= *\/\n\n@media(max-width:900px) {\n\n  .ss-hero {\n\n    grid-template-columns: 1fr;\n\n    text-align: center;\n\n  }\n\n  .ss-hero-content {\n\n    margin: auto;\n\n  }\n\n  .ss-hero-description {\n\n    margin-left: auto;\n\n    margin-right: auto;\n\n  }\n\n  .ss-hero-highlight {\n\n    text-align: left;\n\n    margin-left: auto;\n\n    margin-right: auto;\n\n  }\n\n  .ss-hero-cta {\n\n    display: flex;\n\n    flex-direction: column;\n\n    align-items: center;\n\n  }\n\n  .ss-benefits {\n\n    grid-template-columns: 1fr;\n\n  }\n\n  .ss-lifestyle {\n\n    grid-template-columns: 1fr;\n\n  }\n\n  .ss-quality {\n\n    grid-template-columns: 1fr;\n\n    text-align: center;\n\n  }\n\n  .ss-quality-copy \u003e p {\n\n    margin-left: auto;\n\n    margin-right: auto;\n\n  }\n\n  .ss-quality-features {\n\n    justify-content: center;\n\n  }\n\n  .ss-trust-strip {\n\n    grid-template-columns:\n      repeat(2,1fr);\n\n  }\n\n}\n\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media(max-width:600px) {\n\n  .ss-after-shower {\n\n    padding:\n      55px 14px;\n\n  }\n\n  .ss-brand-intro {\n\n    margin-bottom: 20px;\n\n  }\n\n  .ss-hero {\n\n    gap: 0;\n\n  }\n\n  .ss-label {\n\n    font-size: 7px;\n\n    letter-spacing: 1px;\n\n  }\n\n  .ss-hero h1 {\n\n    font-size: 48px;\n\n    letter-spacing: -2px;\n\n  }\n\n  .ss-hero-description {\n\n    font-size: 14px;\n\n    line-height: 1.7;\n\n  }\n\n  .ss-hero-highlight {\n\n    padding: 14px;\n\n  }\n\n  .ss-hero-highlight strong {\n\n    font-size: 12px;\n\n  }\n\n  .ss-hero-highlight p {\n\n    font-size: 10px;\n\n  }\n\n  .ss-primary-button {\n\n    width: 100%;\n\n    box-sizing: border-box;\n\n  }\n\n  .ss-micro-trust {\n\n    justify-content: center;\n\n  }\n\n  .ss-product-area {\n\n    min-height: 420px;\n\n  }\n\n  .ss-product-halo {\n\n    width: 330px;\n\n    height: 330px;\n\n  }\n\n  .ss-product-image {\n\n    width: 300px;\n\n    height: 370px;\n\n  }\n\n  .ss-floating-card {\n\n    padding: 9px 10px;\n\n  }\n\n  .ss-floating-card strong {\n\n    font-size: 7px;\n\n  }\n\n  .ss-floating-card small {\n\n    font-size: 7px;\n\n  }\n\n  .ss-floating-top {\n\n    left: 0;\n\n  }\n\n  .ss-floating-bottom {\n\n    right: 0;\n\n  }\n\n  .ss-section-heading {\n\n    margin-top: 70px;\n\n  }\n\n  .ss-section-heading h2 {\n\n    font-size: 40px;\n\n  }\n\n  .ss-benefit {\n\n    padding: 27px;\n\n  }\n\n  .ss-lifestyle {\n\n    margin: 80px 0;\n\n    padding:\n      40px 22px;\n\n  }\n\n  .ss-lifestyle h2 {\n\n    font-size: 40px;\n\n  }\n\n  .ss-lifestyle-list {\n\n    grid-template-columns: 1fr;\n\n  }\n\n  .ss-comparison {\n\n    margin: 80px 0;\n\n  }\n\n  .ss-comparison-grid {\n\n    grid-template-columns: 1fr;\n\n  }\n\n  .ss-quality {\n\n    padding:\n      45px 22px;\n\n    margin: 80px 0;\n\n  }\n\n  .ss-quality-copy h2 {\n\n    font-size: 40px;\n\n  }\n\n  .ss-quality-features {\n\n    justify-content: flex-start;\n\n  }\n\n  .ss-woman-section {\n\n    padding:\n      70px 20px;\n\n  }\n\n  .ss-woman-content h2 {\n\n    font-size: 40px;\n\n  }\n\n  .ss-woman-points {\n\n    display: grid;\n\n    grid-template-columns:\n      1fr 1fr;\n\n    gap: 15px;\n\n  }\n\n  .ss-trust-strip {\n\n    grid-template-columns: 1fr;\n\n  }\n\n  .ss-trust-strip \u003e div {\n\n    border-right: 0;\n\n    border-bottom:\n      1px solid #e8e1db;\n\n  }\n\n  .ss-trust-strip \u003e div:last-child {\n\n    border-bottom: 0;\n\n  }\n\n  .ss-final-cta {\n\n    margin-top: 60px;\n\n    padding:\n      65px 20px;\n\n  }\n\n  .ss-final-cta h2 {\n\n    font-size: 44px;\n\n  }\n\n  .ss-final-button {\n\n    width: 100%;\n\n    box-sizing: border-box;\n\n  }\n\n  .ss-final-trust {\n\n    gap: 10px;\n\n  }\n\n}\n\n\u003c\/style\u003e\n\n\n\u003cscript\u003e\n\n(function() {\n\n  const elements =\n    document.querySelectorAll(\n      '.ss-after-shower .ss-reveal'\n    );\n\n  const observer =\n    new IntersectionObserver(\n\n      function(entries) {\n\n        entries.forEach(function(entry) {\n\n          if (entry.isIntersecting) {\n\n            entry.target.classList.add(\n              'ss-visible'\n            );\n\n            observer.unobserve(\n              entry.target\n            );\n\n          }\n\n        });\n\n      },\n\n      {\n        threshold: 0.12\n      }\n\n    );\n\n\n  elements.forEach(function(element, index) {\n\n    element.style.transitionDelay =\n      Math.min(index * 70, 450) + 'ms';\n\n    observer.observe(element);\n\n  });\n\n\n  \/* Smooth CTA scrolling *\/\n\n  document\n    .querySelectorAll(\n      '.ss-after-shower a[href^=\"#\"]'\n    )\n    .forEach(function(link) {\n\n      link.addEventListener(\n        'click',\n        function(e) {\n\n          const target =\n            document.querySelector(\n              this.getAttribute('href')\n            );\n\n          if (target) {\n\n            e.preventDefault();\n\n            target.scrollIntoView({\n              behavior: 'smooth',\n              block: 'center'\n            });\n\n          }\n\n        }\n      );\n\n    });\n\n})();\n\n\u003c\/script\u003e","brand":"Silk Strand","offers":[{"title":"Default Title","offer_id":59831260643614,"sku":null,"price":199.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1081\/5727\/2350\/files\/Gemini_Generated_Image_9d7gea9d7gea9d7g.png?v=1787495323","url":"https:\/\/www.silkstrand.co.za\/products\/silk-strand%e2%84%a2-the-after-shower","provider":"Silk Strand ","version":"1.0","type":"link"}