{"title":"Hair Rituals","description":null,"products":[{"product_id":"velvetcurl-volume-wave-styling-brush","title":"VelvetCurl – Volume \u0026 Wave Styling Brush","description":"\u003c!-- VelvetCurl Styling Brush | Shopify Responsive Product Description --\u003e\n\u003csection class=\"velvetcurl-section\"\u003e\n \u003cdiv class=\"velvetcurl-orb velvetcurl-orb-one\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"velvetcurl-orb velvetcurl-orb-two\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"velvetcurl-shell\"\u003e\n\n \u003cdiv class=\"velvetcurl-hero\"\u003e\n \u003cdiv class=\"velvetcurl-kicker\"\u003e\n Effortless Curl Definition\n \u003c\/div\u003e\n\n \u003ch2 class=\"velvetcurl-title\"\u003e\n Curls That Move.\n \u003cspan\u003eConfidence That Lasts.\u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp class=\"velvetcurl-description\"\u003e\n The \u003cstrong\u003eVelvetCurl Styling Brush\u003c\/strong\u003e transforms your hair into\n defined, bouncy curls and effortless waves — without heat damage or\n frizz. Flexible bristles glide through hair smoothly, lifting volume at\n the roots and locking in shape that lasts all day.\n \u003c\/p\u003e\n\n \u003cdiv class=\"velvetcurl-divider\" aria-hidden=\"true\"\u003e\n \u003cspan\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"velvetcurl-benefits\"\u003e\n\n \u003carticle class=\"velvetcurl-card\"\u003e\n \u003cdiv class=\"velvetcurl-number\"\u003e01\u003c\/div\u003e\n\n \u003ch3\u003eDefined Curls\u003c\/h3\u003e\n\n \u003cp\u003e\n Create beautifully shaped curls with extra volume, movement and\n bounce.\n \u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"velvetcurl-card\"\u003e\n \u003cdiv class=\"velvetcurl-number\"\u003e02\u003c\/div\u003e\n\n \u003ch3\u003eEffortless Waves\u003c\/h3\u003e\n\n \u003cp\u003e\n Shape soft, natural-looking waves that hold beautifully throughout\n the day.\n \u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"velvetcurl-card\"\u003e\n \u003cdiv class=\"velvetcurl-number\"\u003e03\u003c\/div\u003e\n\n \u003ch3\u003eGentle Styling\u003c\/h3\u003e\n\n \u003cp\u003e\n Flexible bristles glide smoothly without snagging, pulling or causing\n unnecessary breakage.\n \u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"velvetcurl-card\"\u003e\n \u003cdiv class=\"velvetcurl-number\"\u003e04\u003c\/div\u003e\n\n \u003ch3\u003eStyle Anywhere\u003c\/h3\u003e\n\n \u003cp\u003e\n Compact and easy to carry, so beautifully defined hair is always\n within reach.\n \u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"velvetcurl-footer\"\u003e\n\n \u003cdiv class=\"velvetcurl-feature-panel\"\u003e\n \u003cp class=\"velvetcurl-feature-label\"\u003e\n Made for Every Curl Routine\n \u003c\/p\u003e\n\n \u003ch3\u003e\n More shape. More volume. Less effort.\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Designed to enhance your natural texture while keeping your styling\n routine smooth, simple and gentle on every hair type.\n \u003c\/p\u003e\n\n \u003cdiv class=\"velvetcurl-tags\"\u003e\n \u003cspan class=\"velvetcurl-tag\"\u003eNo Heat Damage\u003c\/span\u003e\n \u003cspan class=\"velvetcurl-tag\"\u003eNo Snagging\u003c\/span\u003e\n \u003cspan class=\"velvetcurl-tag\"\u003eRoot Volume\u003c\/span\u003e\n \u003cspan class=\"velvetcurl-tag\"\u003eAll Hair Types\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"velvetcurl-closing-panel\"\u003e\n \u003cdiv class=\"velvetcurl-closing-line\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n \u003cblockquote\u003e\n Less effort. More curl. Pure confidence.\n \u003c\/blockquote\u003e\n\n \u003cp\u003eVelvetCurl Styling Brush\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n .velvetcurl-section {\n --vc-deep: #20152f;\n --vc-plum: #56366f;\n --vc-violet: #8860a6;\n --vc-lilac: #d9c5e8;\n --vc-blush: #f4ebf8;\n --vc-cream: #fffafd;\n --vc-white: #ffffff;\n --vc-text: #6f6179;\n --vc-border: rgba(111, 72, 139, 0.15);\n\n position: relative;\n isolation: isolate;\n overflow: hidden;\n\n width: 100%;\n max-width: 100%;\n min-width: 0;\n\n padding:\n clamp(68px, 8vw, 96px)\n clamp(16px, 3vw, 28px);\n\n color: var(--vc-deep);\n\n background:\n radial-gradient(\n circle at 8% 12%,\n rgba(191, 159, 214, 0.3),\n transparent 30%\n ),\n radial-gradient(\n circle at 92% 88%,\n rgba(231, 210, 240, 0.62),\n transparent 32%\n ),\n linear-gradient(\n 145deg,\n #fffafd 0%,\n #f4edf8 48%,\n #ffffff 100%\n );\n\n font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n\n container-type: inline-size;\n container-name: velvetCurl;\n }\n\n .velvetcurl-section,\n .velvetcurl-section *,\n .velvetcurl-section *::before,\n .velvetcurl-section *::after {\n box-sizing: border-box;\n }\n\n .velvetcurl-section h2,\n .velvetcurl-section h3,\n .velvetcurl-section p,\n .velvetcurl-section blockquote {\n padding: 0;\n }\n\n .velvetcurl-section h2,\n .velvetcurl-section h3,\n .velvetcurl-section p,\n .velvetcurl-section span,\n .velvetcurl-section div,\n .velvetcurl-section article,\n .velvetcurl-section blockquote {\n min-width: 0;\n max-width: 100%;\n word-break: normal;\n overflow-wrap: break-word;\n }\n\n .velvetcurl-shell {\n position: relative;\n z-index: 2;\n\n width: 100%;\n max-width: 1160px;\n min-width: 0;\n\n margin: 0 auto;\n }\n\n .velvetcurl-orb {\n position: absolute;\n z-index: -1;\n\n width: clamp(290px, 38vw, 440px);\n height: clamp(290px, 38vw, 440px);\n\n border-radius: 50%;\n\n filter: blur(14px);\n opacity: 0.48;\n\n pointer-events: none;\n\n animation:\n velvetcurlFloat 9s ease-in-out infinite;\n }\n\n .velvetcurl-orb-one {\n top: -230px;\n right: -140px;\n\n background: radial-gradient(\n circle,\n rgba(129, 84, 163, 0.42),\n transparent 68%\n );\n }\n\n .velvetcurl-orb-two {\n bottom: -250px;\n left: -150px;\n\n background: radial-gradient(\n circle,\n rgba(217, 190, 232, 0.64),\n transparent 68%\n );\n\n animation-delay: -4.5s;\n }\n\n .velvetcurl-hero {\n position: relative;\n\n width: 100%;\n max-width: 100%;\n min-width: 0;\n\n overflow: hidden;\n\n padding:\n clamp(46px, 5.5vw, 70px)\n clamp(24px, 5vw, 58px);\n\n border: 1px solid rgba(255, 255, 255, 0.88);\n border-radius: 36px;\n\n background: rgba(255, 255, 255, 0.7);\n\n box-shadow:\n 0 30px 80px rgba(77, 43, 98, 0.13),\n inset 0 1px 0 rgba(255, 255, 255, 0.96);\n\n backdrop-filter: blur(18px);\n -webkit-backdrop-filter: blur(18px);\n\n text-align: center;\n\n opacity: 0;\n transform: translateY(30px);\n\n animation:\n velvetcurlReveal 0.9s ease forwards;\n }\n\n .velvetcurl-hero::before {\n content: \"\";\n position: absolute;\n\n top: -220px;\n left: 50%;\n\n width: 430px;\n height: 430px;\n\n border: 1px solid rgba(111, 72, 139, 0.1);\n border-radius: 48% 52% 58% 42%;\n\n box-shadow:\n 0 0 0 48px rgba(111, 72, 139, 0.028),\n 0 0 0 98px rgba(111, 72, 139, 0.018);\n\n animation:\n velvetcurlHeroRotate 24s linear infinite;\n\n pointer-events: none;\n }\n\n .velvetcurl-kicker {\n position: relative;\n z-index: 1;\n\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n\n max-width: 100%;\n\n margin: 0 auto 24px;\n padding: 9px 16px;\n\n border: 1px solid rgba(111, 72, 139, 0.19);\n border-radius: 999px;\n\n background: rgba(246, 236, 250, 0.9);\n\n color: var(--vc-plum);\n\n font-size: clamp(9px, 1vw, 11px);\n font-weight: 800;\n line-height: 1.4;\n letter-spacing: 0.19em;\n\n text-align: center;\n text-transform: uppercase;\n }\n\n .velvetcurl-kicker::before {\n content: \"\";\n\n width: 7px;\n height: 7px;\n flex: 0 0 7px;\n\n border-radius: 50%;\n\n background: var(--vc-violet);\n\n box-shadow:\n 0 0 0 6px rgba(136, 96, 166, 0.11);\n\n animation:\n velvetcurlPulse 2.2s ease-in-out infinite;\n }\n\n .velvetcurl-title {\n position: relative;\n z-index: 1;\n\n width: 100%;\n max-width: 900px;\n\n margin: 0 auto;\n\n color: var(--vc-deep);\n\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(43px, 5.8vw, 78px);\n font-weight: 500;\n line-height: 1.03;\n letter-spacing: -0.048em;\n\n text-wrap: balance;\n }\n\n .velvetcurl-title span {\n display: block;\n\n max-width: 100%;\n\n color: transparent;\n\n background: linear-gradient(\n 90deg,\n #382247,\n #9368ae,\n #56366f,\n #382247\n );\n\n background-size: 240% auto;\n background-clip: text;\n -webkit-background-clip: text;\n\n animation:\n velvetcurlShimmer 5.5s linear infinite;\n }\n\n .velvetcurl-description {\n position: relative;\n z-index: 1;\n\n width: 100%;\n max-width: 825px;\n\n margin: 29px auto 0;\n\n color: var(--vc-text);\n\n font-size: clamp(15px, 1.6vw, 17px);\n line-height: 1.86;\n\n text-wrap: pretty;\n }\n\n .velvetcurl-description strong {\n color: var(--vc-deep);\n font-weight: 700;\n }\n\n .velvetcurl-divider {\n position: relative;\n z-index: 1;\n\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 14px;\n\n width: 100%;\n max-width: 100%;\n\n margin: 38px auto 0;\n }\n\n .velvetcurl-divider::before,\n .velvetcurl-divider::after {\n content: \"\";\n\n width: clamp(38px, 7vw, 78px);\n height: 1px;\n flex: 0 1 78px;\n\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(136, 96, 166, 0.5)\n );\n }\n\n .velvetcurl-divider::after {\n background: linear-gradient(\n 90deg,\n rgba(136, 96, 166, 0.5),\n transparent\n );\n }\n\n .velvetcurl-divider span {\n width: 10px;\n height: 10px;\n flex: 0 0 10px;\n\n border: 2px solid rgba(136, 96, 166, 0.64);\n border-radius: 50%;\n\n animation:\n velvetcurlPulse 2.2s ease-in-out infinite;\n }\n\n .velvetcurl-benefits {\n display: grid;\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n\n gap: 22px;\n\n width: 100%;\n max-width: 100%;\n min-width: 0;\n\n margin-top: 28px;\n }\n\n .velvetcurl-card {\n position: relative;\n\n width: 100%;\n max-width: 100%;\n min-width: 0;\n min-height: 235px;\n\n overflow: hidden;\n\n padding:\n 35px\n 32px;\n\n border: 1px solid var(--vc-border);\n border-radius: 28px;\n\n background: rgba(255, 255, 255, 0.81);\n\n box-shadow:\n 0 20px 48px rgba(76, 44, 96, 0.08);\n\n opacity: 0;\n transform: translateY(28px);\n\n animation:\n velvetcurlReveal 0.8s ease forwards;\n\n transition:\n transform 0.4s ease,\n box-shadow 0.4s ease,\n border-color 0.4s ease;\n }\n\n .velvetcurl-card:nth-child(1) {\n animation-delay: 0.16s;\n }\n\n .velvetcurl-card:nth-child(2) {\n animation-delay: 0.3s;\n }\n\n .velvetcurl-card:nth-child(3) {\n animation-delay: 0.44s;\n }\n\n .velvetcurl-card:nth-child(4) {\n animation-delay: 0.58s;\n }\n\n .velvetcurl-card::before {\n content: \"\";\n position: absolute;\n\n inset: 0;\n\n opacity: 0;\n\n background: linear-gradient(\n 135deg,\n rgba(224, 204, 235, 0.55),\n transparent 58%\n );\n\n transition:\n opacity 0.4s ease;\n\n pointer-events: none;\n }\n\n .velvetcurl-card::after {\n content: \"\";\n position: absolute;\n\n top: -120px;\n right: -95px;\n\n width: 230px;\n height: 230px;\n\n border-radius: 44% 56% 60% 40%;\n\n background: radial-gradient(\n circle,\n rgba(146, 104, 173, 0.19),\n transparent 70%\n );\n\n transition:\n transform 0.55s ease;\n\n pointer-events: none;\n }\n\n .velvetcurl-number {\n position: relative;\n z-index: 1;\n\n display: grid;\n place-items: center;\n\n width: 54px;\n height: 54px;\n flex: 0 0 54px;\n\n margin-bottom: 27px;\n\n border: 1px solid rgba(136, 96, 166, 0.21);\n border-radius: 18px;\n\n background: linear-gradient(\n 145deg,\n #ffffff,\n #f0e4f6\n );\n\n box-shadow:\n 0 12px 26px rgba(106, 67, 132, 0.15);\n\n color: var(--vc-violet);\n\n font-size: 14px;\n font-weight: 800;\n line-height: 1;\n letter-spacing: 0.08em;\n\n transition:\n transform 0.4s ease;\n }\n\n .velvetcurl-card h3 {\n position: relative;\n z-index: 1;\n\n margin: 0 0 13px;\n\n color: var(--vc-deep);\n\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(25px, 2.5vw, 31px);\n font-weight: 500;\n line-height: 1.2;\n letter-spacing: -0.03em;\n\n text-wrap: balance;\n }\n\n .velvetcurl-card p {\n position: relative;\n z-index: 1;\n\n margin: 0;\n\n color: var(--vc-text);\n\n font-size: 15px;\n line-height: 1.75;\n\n text-wrap: pretty;\n }\n\n .velvetcurl-footer {\n display: grid;\n grid-template-columns:\n minmax(0, 1.12fr)\n minmax(0, 0.88fr);\n\n gap: 24px;\n\n width: 100%;\n max-width: 100%;\n min-width: 0;\n\n margin-top: 24px;\n }\n\n .velvetcurl-feature-panel,\n .velvetcurl-closing-panel {\n position: relative;\n\n width: 100%;\n max-width: 100%;\n min-width: 0;\n\n overflow: hidden;\n\n padding:\n clamp(32px, 4vw, 43px);\n\n border-radius: 30px;\n\n opacity: 0;\n transform: translateY(25px);\n\n animation:\n velvetcurlReveal 0.8s ease forwards;\n }\n\n .velvetcurl-feature-panel {\n border: 1px solid rgba(255, 255, 255, 0.11);\n\n background: linear-gradient(\n 135deg,\n rgba(42, 26, 56, 0.99),\n rgba(93, 57, 118, 0.97)\n );\n\n box-shadow:\n 0 25px 60px rgba(41, 23, 54, 0.2);\n\n animation-delay: 0.72s;\n }\n\n .velvetcurl-feature-panel::after {\n content: \"\";\n position: absolute;\n\n top: -180px;\n right: -135px;\n\n width: 380px;\n height: 380px;\n\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: 46% 54% 62% 38%;\n\n box-shadow:\n 0 0 0 39px rgba(255, 255, 255, 0.034),\n 0 0 0 80px rgba(255, 255, 255, 0.023);\n\n animation:\n velvetcurlRotate 20s linear infinite;\n\n pointer-events: none;\n }\n\n .velvetcurl-feature-label {\n position: relative;\n z-index: 1;\n\n margin: 0 0 14px;\n\n color: #ddc7ec;\n\n font-size: 11px;\n font-weight: 800;\n line-height: 1.5;\n letter-spacing: 0.2em;\n\n text-transform: uppercase;\n }\n\n .velvetcurl-feature-panel h3 {\n position: relative;\n z-index: 1;\n\n max-width: 540px;\n\n margin: 0 0 20px;\n\n color: #ffffff;\n\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(30px, 3.5vw, 43px);\n font-weight: 500;\n line-height: 1.15;\n letter-spacing: -0.034em;\n\n text-wrap: balance;\n }\n\n .velvetcurl-feature-panel \u003e p:not(.velvetcurl-feature-label) {\n position: relative;\n z-index: 1;\n\n max-width: 600px;\n\n margin: 0;\n\n color: rgba(255, 255, 255, 0.75);\n\n font-size: 15px;\n line-height: 1.78;\n\n text-wrap: pretty;\n }\n\n .velvetcurl-tags {\n position: relative;\n z-index: 1;\n\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n\n max-width: 100%;\n\n margin-top: 27px;\n }\n\n .velvetcurl-tag {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n\n max-width: 100%;\n\n padding: 10px 14px;\n\n border: 1px solid rgba(255, 255, 255, 0.16);\n border-radius: 999px;\n\n background: rgba(255, 255, 255, 0.08);\n\n color: rgba(255, 255, 255, 0.9);\n\n font-size: 12px;\n font-weight: 600;\n line-height: 1.4;\n\n text-align: center;\n\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n\n transition:\n background 0.3s ease,\n transform 0.3s ease;\n }\n\n .velvetcurl-closing-panel {\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n border: 1px solid rgba(136, 96, 166, 0.15);\n\n background: rgba(255, 255, 255, 0.81);\n\n box-shadow:\n 0 20px 48px rgba(76, 44, 96, 0.08);\n\n animation-delay: 0.86s;\n }\n\n .velvetcurl-closing-line {\n width: 50px;\n height: 3px;\n\n margin-bottom: 29px;\n\n border-radius: 999px;\n\n background: linear-gradient(\n 90deg,\n var(--vc-violet),\n #d2b6e4\n );\n\n transform-origin: left;\n\n animation:\n velvetcurlLine 2.6s ease-in-out infinite;\n }\n\n .velvetcurl-closing-panel blockquote {\n margin: 0;\n\n color: var(--vc-deep);\n\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(30px, 3.5vw, 43px);\n font-weight: 500;\n line-height: 1.19;\n letter-spacing: -0.038em;\n\n text-wrap: balance;\n }\n\n .velvetcurl-closing-panel p {\n margin: 22px 0 0;\n\n color: var(--vc-violet);\n\n font-size: 12px;\n font-weight: 800;\n line-height: 1.5;\n letter-spacing: 0.16em;\n\n text-transform: uppercase;\n }\n\n @media (hover: hover) and (pointer: fine) {\n .velvetcurl-card:hover {\n transform: translateY(-10px);\n\n border-color: rgba(136, 96, 166, 0.34);\n\n box-shadow:\n 0 29px 60px rgba(76, 44, 96, 0.15);\n }\n\n .velvetcurl-card:hover::before {\n opacity: 1;\n }\n\n .velvetcurl-card:hover::after {\n transform:\n scale(1.28)\n rotate(12deg);\n }\n\n .velvetcurl-card:hover .velvetcurl-number {\n transform:\n rotate(-6deg)\n scale(1.08);\n }\n\n .velvetcurl-tag:hover {\n transform: translateY(-3px);\n background: rgba(255, 255, 255, 0.15);\n }\n }\n\n @keyframes velvetcurlReveal {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes velvetcurlFloat {\n 0%,\n 100% {\n transform:\n translate3d(0, 0, 0)\n scale(1);\n }\n\n 50% {\n transform:\n translate3d(18px, -21px, 0)\n scale(1.08);\n }\n }\n\n @keyframes velvetcurlPulse {\n 0%,\n 100% {\n transform: scale(1);\n opacity: 1;\n }\n\n 50% {\n transform: scale(1.25);\n opacity: 0.64;\n }\n }\n\n @keyframes velvetcurlShimmer {\n to {\n background-position: 240% center;\n }\n }\n\n @keyframes velvetcurlRotate {\n to {\n transform: rotate(360deg);\n }\n }\n\n @keyframes velvetcurlHeroRotate {\n from {\n transform:\n translateX(-50%)\n rotate(0deg);\n }\n\n to {\n transform:\n translateX(-50%)\n rotate(360deg);\n }\n }\n\n @keyframes velvetcurlLine {\n 0%,\n 100% {\n transform: scaleX(1);\n }\n\n 50% {\n transform: scaleX(1.65);\n }\n }\n\n \/*\n FULL-WIDTH DESKTOP SECTION\n *\/\n\n @container velvetCurl (min-width: 901px) {\n .velvetcurl-benefits {\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n }\n\n .velvetcurl-card {\n min-height: 235px;\n }\n\n .velvetcurl-footer {\n grid-template-columns:\n minmax(0, 1.12fr)\n minmax(0, 0.88fr);\n }\n }\n\n \/*\n NARROW SHOPIFY DESKTOP SECTION\n OR TABLET CONTAINER\n *\/\n\n @container velvetCurl (min-width: 561px) and (max-width: 900px) {\n .velvetcurl-section {\n padding:\n 68px\n 20px;\n }\n\n .velvetcurl-hero {\n max-width: 760px;\n\n margin-right: auto;\n margin-left: auto;\n\n padding:\n 54px\n 32px;\n\n border-radius: 29px;\n }\n\n .velvetcurl-title {\n font-size: clamp(44px, 8cqw, 62px);\n }\n\n .velvetcurl-benefits {\n grid-template-columns:\n minmax(0, 1fr);\n\n gap: 17px;\n\n max-width: 760px;\n\n margin-right: auto;\n margin-left: auto;\n margin-top: 25px;\n }\n\n .velvetcurl-card {\n min-height: auto;\n }\n\n .velvetcurl-footer {\n grid-template-columns:\n minmax(0, 1fr);\n\n gap: 17px;\n\n max-width: 760px;\n\n margin-right: auto;\n margin-left: auto;\n margin-top: 17px;\n }\n }\n\n \/*\n MOBILE OR VERY NARROW PRODUCT COLUMN\n *\/\n\n @container velvetCurl (max-width: 560px) {\n .velvetcurl-section {\n padding:\n 52px\n 15px;\n }\n\n .velvetcurl-hero {\n padding:\n 42px\n 20px;\n\n border-radius: 23px;\n }\n\n .velvetcurl-hero::before {\n top: -160px;\n\n width: 310px;\n height: 310px;\n\n box-shadow:\n 0 0 0 34px rgba(111, 72, 139, 0.025),\n 0 0 0 70px rgba(111, 72, 139, 0.015);\n }\n\n .velvetcurl-kicker {\n gap: 8px;\n\n padding:\n 8px\n 12px;\n\n font-size: 9px;\n letter-spacing: 0.13em;\n }\n\n .velvetcurl-kicker::before {\n width: 6px;\n height: 6px;\n flex-basis: 6px;\n\n box-shadow:\n 0 0 0 5px rgba(136, 96, 166, 0.11);\n }\n\n .velvetcurl-title {\n font-size: clamp(38px, 11cqw, 47px);\n line-height: 1.04;\n letter-spacing: -0.038em;\n }\n\n .velvetcurl-description {\n margin-top: 24px;\n\n font-size: 15px;\n line-height: 1.72;\n }\n\n .velvetcurl-divider {\n gap: 10px;\n\n margin-top: 30px;\n }\n\n .velvetcurl-divider::before,\n .velvetcurl-divider::after {\n width: 42px;\n flex-basis: 42px;\n }\n\n .velvetcurl-benefits {\n grid-template-columns:\n minmax(0, 1fr);\n\n gap: 15px;\n\n margin-top: 22px;\n }\n\n .velvetcurl-card {\n min-height: auto;\n\n padding:\n 29px\n 23px;\n\n border-radius: 22px;\n }\n\n .velvetcurl-number {\n width: 48px;\n height: 48px;\n flex-basis: 48px;\n\n margin-bottom: 22px;\n\n border-radius: 15px;\n }\n\n .velvetcurl-card h3 {\n font-size: 25px;\n }\n\n .velvetcurl-card p {\n font-size: 14px;\n line-height: 1.7;\n }\n\n .velvetcurl-footer {\n grid-template-columns:\n minmax(0, 1fr);\n\n gap: 15px;\n\n margin-top: 15px;\n }\n\n .velvetcurl-feature-panel,\n .velvetcurl-closing-panel {\n padding:\n 30px\n 23px;\n\n border-radius: 22px;\n }\n\n .velvetcurl-feature-label {\n font-size: 9px;\n letter-spacing: 0.15em;\n }\n\n .velvetcurl-feature-panel h3 {\n font-size: clamp(29px, 8.5cqw, 37px);\n }\n\n .velvetcurl-feature-panel \u003e p:not(.velvetcurl-feature-label) {\n font-size: 14px;\n line-height: 1.72;\n }\n\n .velvetcurl-tags {\n gap: 8px;\n margin-top: 23px;\n }\n\n .velvetcurl-tag {\n padding:\n 9px\n 12px;\n\n font-size: 11px;\n }\n\n .velvetcurl-closing-line {\n margin-bottom: 23px;\n }\n\n .velvetcurl-closing-panel blockquote {\n font-size: clamp(28px, 8cqw, 36px);\n }\n\n .velvetcurl-closing-panel p {\n font-size: 11px;\n letter-spacing: 0.1em;\n }\n\n .velvetcurl-orb {\n filter: blur(11px);\n }\n }\n\n \/*\n EXTRA-SMALL MOBILE\n *\/\n\n @container velvetCurl (max-width: 390px) {\n .velvetcurl-section {\n padding:\n 48px\n 12px;\n }\n\n .velvetcurl-hero {\n padding:\n 38px\n 17px;\n }\n\n .velvetcurl-kicker {\n font-size: 8px;\n letter-spacing: 0.09em;\n }\n\n .velvetcurl-title {\n font-size: 37px;\n }\n\n .velvetcurl-description {\n font-size: 14px;\n }\n\n .velvetcurl-card,\n .velvetcurl-feature-panel,\n .velvetcurl-closing-panel {\n padding:\n 27px\n 19px;\n }\n\n .velvetcurl-card h3 {\n font-size: 24px;\n }\n\n .velvetcurl-tag {\n padding:\n 8px\n 10px;\n\n font-size: 10px;\n }\n\n .velvetcurl-closing-panel blockquote {\n font-size: 28px;\n }\n }\n\n \/*\n STANDARD VIEWPORT FALLBACKS\n *\/\n\n @media screen and (max-width: 900px) {\n .velvetcurl-section {\n padding:\n 68px\n 18px;\n }\n\n .velvetcurl-hero {\n padding:\n 54px\n 32px;\n\n border-radius: 29px;\n }\n\n .velvetcurl-benefits {\n grid-template-columns:\n minmax(0, 1fr);\n }\n\n .velvetcurl-card {\n min-height: auto;\n }\n\n .velvetcurl-footer {\n grid-template-columns:\n minmax(0, 1fr);\n }\n }\n\n @media screen and (max-width: 560px) {\n .velvetcurl-section {\n padding:\n 48px\n 14px;\n }\n\n .velvetcurl-hero {\n padding:\n 43px\n 20px;\n\n border-radius: 23px;\n }\n\n .velvetcurl-title {\n font-size: clamp(38px, 11vw, 44px);\n }\n\n .velvetcurl-description {\n font-size: 15px;\n line-height: 1.75;\n }\n\n .velvetcurl-card,\n .velvetcurl-feature-panel,\n .velvetcurl-closing-panel {\n padding:\n 30px\n 24px;\n\n border-radius: 23px;\n }\n\n .velvetcurl-card h3 {\n font-size: 25px;\n }\n }\n\n \/*\n FALLBACK FOR BROWSERS WITHOUT\n CONTAINER QUERY SUPPORT\n *\/\n\n @supports not (container-type: inline-size) {\n @media screen and (max-width: 1000px) {\n .velvetcurl-benefits {\n grid-template-columns:\n minmax(0, 1fr);\n }\n\n .velvetcurl-card {\n min-height: auto;\n }\n\n .velvetcurl-footer {\n grid-template-columns:\n minmax(0, 1fr);\n }\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .velvetcurl-section *,\n .velvetcurl-section *::before,\n .velvetcurl-section *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n scroll-behavior: auto !important;\n transition-duration: 0.01ms !important;\n }\n\n .velvetcurl-hero,\n .velvetcurl-card,\n .velvetcurl-feature-panel,\n .velvetcurl-closing-panel {\n opacity: 1;\n transform: none;\n }\n }\n\u003c\/style\u003e","brand":"Fearless Grace","offers":[{"title":"Purple","offer_id":45944962646099,"sku":null,"price":349.0,"currency_code":"ZAR","in_stock":true},{"title":"Pink","offer_id":45944962678867,"sku":null,"price":349.0,"currency_code":"ZAR","in_stock":true},{"title":"Black","offer_id":45944962711635,"sku":null,"price":349.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0726\/0982\/4851\/files\/ChatGPTImageJul20_2026at07_58_24PM.png?v=1784573426"},{"product_id":"serumdrop-multi-nozzle-scalp-treatment-tool","title":"SerumDrop – Multi-Nozzle Scalp Treatment Tool","description":"\u003c!-- SerumDrop Multi-Nozzle Scalp Treatment Tool | Shopify Responsive Section --\u003e\n\u003csection class=\"serumdrop-section\"\u003e\n \u003cdiv class=\"serumdrop-glow serumdrop-glow-one\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"serumdrop-glow serumdrop-glow-two\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"serumdrop-premium\"\u003e\n\n \u003cdiv class=\"serumdrop-content\"\u003e\n\n \u003cdiv class=\"serumdrop-badge\"\u003e\n \u003cspan aria-hidden=\"true\"\u003e\u003c\/span\u003e\n Precision Scalp Care\n \u003c\/div\u003e\n\n \u003ch2 class=\"serumdrop-title\"\u003e\n Nourish Your Scalp.\n \u003cspan\u003eTransform Your Hair.\u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp class=\"serumdrop-intro\"\u003e\n The \u003cstrong\u003eSerumDrop Multi-Nozzle Scalp Treatment Tool\u003c\/strong\u003e takes\n the guesswork out of scalp care. Its precision multi-tip design\n delivers your favourite serum or oil directly to the scalp — exactly\n where it needs to go — for deeper nourishment, healthier roots, and\n visibly stronger hair over time.\n \u003c\/p\u003e\n\n \u003cdiv class=\"serumdrop-statement\"\u003e\n \u003cspan\u003eNo mess.\u003c\/span\u003e\n \u003cspan\u003eNo waste.\u003c\/span\u003e\n \u003cspan\u003eJust results.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"serumdrop-benefits\"\u003e\n\n \u003carticle class=\"serumdrop-card\"\u003e\n \u003cdiv class=\"serumdrop-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"\u003e\n \u003cpath d=\"M12 2C9.2 6.1 5.8 9.1 5.8 13.1a6.2 6.2 0 0 0 12.4 0C18.2 9.1 14.8 6.1 12 2Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9.4 14.3c.3 1.5 1.3 2.3 2.8 2.6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"serumdrop-card-copy\"\u003e\n \u003ch3\u003eTargeted Scalp Nourishment\u003c\/h3\u003e\n\n \u003cp\u003e\n Serum reaches the root, not just the surface.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"serumdrop-card\"\u003e\n \u003cdiv class=\"serumdrop-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"\u003e\n \u003cpath d=\"M5 19c6.8-.3 11.2-4.7 14-14 0 7.8-3.4 13-10.2 14.3\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M6 14c2.2-.2 4-.9 5.5-2.2\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"serumdrop-card-copy\"\u003e\n \u003ch3\u003eHealthier, Stronger Hair\u003c\/h3\u003e\n\n \u003cp\u003e\n Consistent application supports growth and reduces breakage.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"serumdrop-card\"\u003e\n \u003cdiv class=\"serumdrop-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"\u003e\n \u003cpath d=\"M8 3h8\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 3v3l-2 3v9a3 3 0 0 0 3 3h4a3 3 0 0 0 3-3V9l-2-3V3\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9.5 12h5\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9.5 15h3.5\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"serumdrop-card-copy\"\u003e\n \u003ch3\u003eMeasured Reservoir\u003c\/h3\u003e\n\n \u003cp\u003e\n Know exactly how much product you are using every time.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"serumdrop-card\"\u003e\n \u003cdiv class=\"serumdrop-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"\u003e\n \u003cpath d=\"M12 21s7-3.8 7-10V5l-7-3-7 3v6c0 6.2 7 10 7 10Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"m9 12 2 2 4-5\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"serumdrop-card-copy\"\u003e\n \u003ch3\u003eMade for Every Hair Type\u003c\/h3\u003e\n\n \u003cp\u003e\n A simple, effective ritual for every scalp-care routine.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"serumdrop-card serumdrop-card-wide\"\u003e\n \u003cdiv class=\"serumdrop-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"\u003e\n \u003cpath d=\"M6 7h12\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 3h8v4H8z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M7 7v12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V7\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M10 11h4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M10 15h4\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"serumdrop-card-copy\"\u003e\n \u003ch3\u003eEasy to Fill. Effortless to Use.\u003c\/h3\u003e\n\n \u003cp\u003e\n Precision application without drips, spills or wasted product.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"serumdrop-footer\"\u003e\n \u003cspan\u003eYour scalp routine, elevated.\u003c\/span\u003e\n\n \u003cdiv class=\"serumdrop-line\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n .serumdrop-section {\n --sd-ink: #26232f;\n --sd-muted: #6f6978;\n --sd-purple: #73609a;\n --sd-purple-dark: #4f406d;\n --sd-lilac: #dcd2eb;\n --sd-cream: #f8f5f1;\n --sd-white: rgba(255, 255, 255, 0.72);\n\n position: relative;\n isolation: isolate;\n overflow: hidden;\n\n width: 100%;\n max-width: 100%;\n min-width: 0;\n\n padding:\n clamp(58px, 7vw, 90px)\n clamp(14px, 3vw, 26px);\n\n background:\n radial-gradient(\n circle at 12% 10%,\n rgba(220, 210, 235, 0.54),\n transparent 32%\n ),\n radial-gradient(\n circle at 90% 88%,\n rgba(115, 96, 154, 0.12),\n transparent 31%\n ),\n linear-gradient(\n 145deg,\n #fdfcfb 0%,\n #f5f0f8 50%,\n #f9f6f1 100%\n );\n\n color: var(--sd-ink);\n\n font-family: \"Helvetica Neue\", Arial, sans-serif;\n\n container-type: inline-size;\n container-name: serumDrop;\n }\n\n .serumdrop-section,\n .serumdrop-section *,\n .serumdrop-section *::before,\n .serumdrop-section *::after {\n box-sizing: border-box;\n }\n\n .serumdrop-section h2,\n .serumdrop-section h3,\n .serumdrop-section p {\n padding: 0;\n }\n\n .serumdrop-section h2,\n .serumdrop-section h3,\n .serumdrop-section p,\n .serumdrop-section span,\n .serumdrop-section div,\n .serumdrop-section article,\n .serumdrop-section svg {\n min-width: 0;\n max-width: 100%;\n word-break: normal;\n overflow-wrap: break-word;\n }\n\n .serumdrop-premium {\n position: relative;\n z-index: 2;\n\n width: 100%;\n max-width: 1100px;\n min-width: 0;\n\n margin: 0 auto;\n\n padding:\n clamp(38px, 6vw, 82px);\n\n overflow: hidden;\n\n border: 1px solid rgba(115, 96, 154, 0.15);\n border-radius: 30px;\n\n background:\n radial-gradient(\n circle at 12% 10%,\n rgba(220, 210, 235, 0.82),\n transparent 32%\n ),\n radial-gradient(\n circle at 90% 88%,\n rgba(115, 96, 154, 0.14),\n transparent 31%\n ),\n linear-gradient(\n 145deg,\n #fdfcfb 0%,\n #f5f0f8 50%,\n #f9f6f1 100%\n );\n\n box-shadow:\n 0 30px 80px rgba(61, 47, 82, 0.13),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n }\n\n .serumdrop-premium::before {\n content: \"\";\n position: absolute;\n z-index: -1;\n\n inset: 0;\n\n opacity: 0.26;\n\n background-image:\n linear-gradient(\n rgba(115, 96, 154, 0.05) 1px,\n transparent 1px\n ),\n linear-gradient(\n 90deg,\n rgba(115, 96, 154, 0.05) 1px,\n transparent 1px\n );\n\n background-size: 34px 34px;\n\n mask-image: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0.9),\n transparent 80%\n );\n\n -webkit-mask-image: linear-gradient(\n to bottom,\n rgba(0, 0, 0, 0.9),\n transparent 80%\n );\n\n pointer-events: none;\n }\n\n .serumdrop-content {\n position: relative;\n z-index: 2;\n\n width: 100%;\n max-width: 100%;\n min-width: 0;\n }\n\n .serumdrop-glow {\n position: absolute;\n z-index: 0;\n\n border-radius: 50%;\n\n filter: blur(16px);\n\n pointer-events: none;\n\n animation:\n serumdropFloat 9s ease-in-out infinite;\n }\n\n .serumdrop-glow-one {\n top: -110px;\n right: -90px;\n\n width: clamp(230px, 28vw, 300px);\n height: clamp(230px, 28vw, 300px);\n\n background: rgba(161, 138, 197, 0.2);\n }\n\n .serumdrop-glow-two {\n bottom: -120px;\n left: -100px;\n\n width: clamp(260px, 31vw, 330px);\n height: clamp(260px, 31vw, 330px);\n\n background: rgba(220, 210, 235, 0.42);\n\n animation-delay: -4s;\n }\n\n .serumdrop-badge {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n\n max-width: 100%;\n\n margin: 0 0 24px;\n padding: 9px 14px;\n\n border: 1px solid rgba(115, 96, 154, 0.18);\n border-radius: 999px;\n\n background: rgba(255, 255, 255, 0.54);\n\n box-shadow:\n 0 8px 25px rgba(79, 64, 109, 0.06);\n\n color: var(--sd-purple-dark);\n\n font-size: clamp(9px, 1vw, 11px);\n font-weight: 700;\n line-height: 1.4;\n letter-spacing: 0.16em;\n\n text-align: center;\n text-transform: uppercase;\n\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n\n animation:\n serumdropReveal 0.8s ease both;\n }\n\n .serumdrop-badge span {\n width: 7px;\n height: 7px;\n flex: 0 0 7px;\n\n border-radius: 50%;\n\n background: linear-gradient(\n 135deg,\n var(--sd-purple),\n #b6a2d2\n );\n\n box-shadow:\n 0 0 0 5px rgba(115, 96, 154, 0.1);\n\n animation:\n serumdropPulse 2.4s ease-in-out infinite;\n }\n\n .serumdrop-title {\n width: 100%;\n max-width: 850px;\n\n margin: 0;\n\n color: var(--sd-ink);\n\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(38px, 5.8vw, 72px);\n font-weight: 500;\n line-height: 0.99;\n letter-spacing: -0.045em;\n\n text-wrap: balance;\n\n animation:\n serumdropReveal 0.9s 0.08s ease both;\n }\n\n .serumdrop-title span {\n display: block;\n\n margin-top: 10px;\n\n color: var(--sd-purple);\n\n font-style: italic;\n }\n\n .serumdrop-intro {\n width: 100%;\n max-width: 820px;\n\n margin: 30px 0 0;\n\n color: var(--sd-muted);\n\n font-size: clamp(16px, 1.7vw, 19px);\n line-height: 1.85;\n\n text-wrap: pretty;\n\n animation:\n serumdropReveal 0.9s 0.16s ease both;\n }\n\n .serumdrop-intro strong {\n color: var(--sd-purple-dark);\n font-weight: 700;\n }\n\n .serumdrop-statement {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n\n width: 100%;\n max-width: 100%;\n\n margin: 28px 0 36px;\n\n animation:\n serumdropReveal 0.9s 0.24s ease both;\n }\n\n .serumdrop-statement span {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n\n max-width: 100%;\n\n padding: 10px 15px;\n\n border: 1px solid rgba(115, 96, 154, 0.14);\n border-radius: 999px;\n\n background: rgba(255, 255, 255, 0.6);\n\n box-shadow:\n 0 8px 24px rgba(61, 47, 82, 0.05);\n\n color: var(--sd-purple-dark);\n\n font-size: 13px;\n font-weight: 700;\n line-height: 1.4;\n letter-spacing: 0.04em;\n\n text-align: center;\n\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n\n transition:\n transform 0.35s ease,\n background 0.35s ease,\n color 0.35s ease;\n }\n\n .serumdrop-benefits {\n display: grid;\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n\n gap: 16px;\n\n width: 100%;\n max-width: 100%;\n min-width: 0;\n }\n\n .serumdrop-card {\n position: relative;\n\n display: flex;\n align-items: flex-start;\n gap: 17px;\n\n width: 100%;\n max-width: 100%;\n min-width: 0;\n min-height: 150px;\n\n padding: 24px;\n\n overflow: hidden;\n\n border: 1px solid rgba(115, 96, 154, 0.13);\n border-radius: 20px;\n\n background: var(--sd-white);\n\n box-shadow:\n 0 14px 40px rgba(61, 47, 82, 0.06),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n\n backdrop-filter: blur(14px);\n -webkit-backdrop-filter: blur(14px);\n\n opacity: 0;\n transform: translateY(24px);\n\n animation:\n serumdropCardIn 0.7s ease forwards;\n\n transition:\n transform 0.4s ease,\n box-shadow 0.4s ease,\n border-color 0.4s ease;\n }\n\n .serumdrop-card:nth-child(1) {\n animation-delay: 0.34s;\n }\n\n .serumdrop-card:nth-child(2) {\n animation-delay: 0.42s;\n }\n\n .serumdrop-card:nth-child(3) {\n animation-delay: 0.5s;\n }\n\n .serumdrop-card:nth-child(4) {\n animation-delay: 0.58s;\n }\n\n .serumdrop-card:nth-child(5) {\n animation-delay: 0.66s;\n }\n\n .serumdrop-card::after {\n content: \"\";\n position: absolute;\n\n top: -80%;\n left: -55%;\n\n width: 45%;\n height: 240%;\n\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(255, 255, 255, 0.72),\n transparent\n );\n\n transform: rotate(18deg);\n\n transition:\n left 0.75s ease;\n\n pointer-events: none;\n }\n\n .serumdrop-card-wide {\n grid-column: 1 \/ -1;\n }\n\n .serumdrop-icon {\n display: grid;\n place-items: center;\n\n width: 48px;\n height: 48px;\n flex: 0 0 48px;\n\n border: 1px solid rgba(115, 96, 154, 0.15);\n border-radius: 15px;\n\n background: linear-gradient(\n 145deg,\n rgba(255, 255, 255, 0.92),\n rgba(220, 210, 235, 0.62)\n );\n\n box-shadow:\n 0 9px 22px rgba(79, 64, 109, 0.09),\n inset 0 1px 0 #ffffff;\n\n transition:\n transform 0.4s ease,\n border-radius 0.4s ease;\n }\n\n .serumdrop-icon svg {\n display: block;\n\n width: 24px;\n height: 24px;\n\n fill: none;\n stroke: var(--sd-purple);\n stroke-width: 1.7;\n stroke-linecap: round;\n stroke-linejoin: round;\n }\n\n .serumdrop-card-copy {\n flex: 1 1 auto;\n min-width: 0;\n }\n\n .serumdrop-card h3 {\n margin: 2px 0 8px;\n\n color: var(--sd-ink);\n\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(19px, 1.8vw, 21px);\n font-weight: 600;\n line-height: 1.2;\n\n text-wrap: balance;\n }\n\n .serumdrop-card p {\n margin: 0;\n\n color: var(--sd-muted);\n\n font-size: 14px;\n line-height: 1.65;\n\n text-wrap: pretty;\n }\n\n .serumdrop-footer {\n display: flex;\n align-items: center;\n gap: 20px;\n\n width: 100%;\n max-width: 100%;\n min-width: 0;\n\n margin-top: 38px;\n\n color: var(--sd-purple-dark);\n\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(18px, 2.3vw, 24px);\n font-style: italic;\n line-height: 1.4;\n\n animation:\n serumdropReveal 0.9s 0.74s ease both;\n }\n\n .serumdrop-footer \u003e span {\n flex: 0 1 auto;\n }\n\n .serumdrop-line {\n position: relative;\n\n flex: 1 1 auto;\n\n min-width: 30px;\n height: 1px;\n\n overflow: hidden;\n\n background: rgba(115, 96, 154, 0.16);\n }\n\n .serumdrop-line::after {\n content: \"\";\n position: absolute;\n\n inset: 0;\n\n background: linear-gradient(\n 90deg,\n transparent,\n var(--sd-purple),\n transparent\n );\n\n transform: translateX(-100%);\n\n animation:\n serumdropLine 3.4s ease-in-out infinite;\n }\n\n @media (hover: hover) and (pointer: fine) {\n .serumdrop-statement span:hover {\n transform: translateY(-3px);\n\n background: var(--sd-purple);\n color: #ffffff;\n }\n\n .serumdrop-card:hover {\n transform: translateY(-7px);\n\n border-color: rgba(115, 96, 154, 0.3);\n\n box-shadow:\n 0 23px 55px rgba(61, 47, 82, 0.12),\n inset 0 1px 0 rgba(255, 255, 255, 0.95);\n }\n\n .serumdrop-card:hover::after {\n left: 125%;\n }\n\n .serumdrop-card:hover .serumdrop-icon {\n transform:\n rotate(-5deg)\n scale(1.07);\n\n border-radius: 50%;\n }\n }\n\n @keyframes serumdropReveal {\n from {\n opacity: 0;\n transform: translateY(22px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes serumdropCardIn {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes serumdropFloat {\n 0%,\n 100% {\n transform:\n translate3d(0, 0, 0)\n scale(1);\n }\n\n 50% {\n transform:\n translate3d(15px, -18px, 0)\n scale(1.08);\n }\n }\n\n @keyframes serumdropPulse {\n 0%,\n 100% {\n box-shadow:\n 0 0 0 5px rgba(115, 96, 154, 0.1);\n }\n\n 50% {\n box-shadow:\n 0 0 0 9px rgba(115, 96, 154, 0.03);\n }\n }\n\n @keyframes serumdropLine {\n 0% {\n transform: translateX(-100%);\n }\n\n 55%,\n 100% {\n transform: translateX(100%);\n }\n }\n\n \/*\n FULL-WIDTH DESKTOP SECTION\n *\/\n\n @container serumDrop (min-width: 901px) {\n .serumdrop-premium {\n padding:\n clamp(50px, 6vw, 82px);\n }\n\n .serumdrop-benefits {\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n }\n\n .serumdrop-card {\n min-height: 150px;\n }\n\n .serumdrop-card-wide {\n grid-column: 1 \/ -1;\n }\n }\n\n \/*\n NARROW SHOPIFY DESKTOP SECTION\n OR TABLET CONTAINER\n *\/\n\n @container serumDrop (min-width: 561px) and (max-width: 900px) {\n .serumdrop-section {\n padding:\n 64px\n 20px;\n }\n\n .serumdrop-premium {\n max-width: 760px;\n\n padding:\n 48px\n 34px;\n\n border-radius: 27px;\n }\n\n .serumdrop-title {\n font-size: clamp(43px, 8cqw, 60px);\n }\n\n .serumdrop-benefits {\n grid-template-columns:\n minmax(0, 1fr);\n }\n\n .serumdrop-card,\n .serumdrop-card-wide {\n grid-column: auto;\n min-height: auto;\n }\n }\n\n \/*\n MOBILE OR VERY NARROW PRODUCT COLUMN\n *\/\n\n @container serumDrop (max-width: 560px) {\n .serumdrop-section {\n padding:\n 50px\n 14px;\n }\n\n .serumdrop-premium {\n padding:\n 34px\n 20px;\n\n border-radius: 22px;\n }\n\n .serumdrop-badge {\n gap: 8px;\n\n padding:\n 8px\n 12px;\n\n font-size: 9px;\n letter-spacing: 0.13em;\n }\n\n .serumdrop-badge span {\n width: 6px;\n height: 6px;\n flex-basis: 6px;\n }\n\n .serumdrop-title {\n font-size: clamp(36px, 11cqw, 48px);\n line-height: 1.01;\n letter-spacing: -0.038em;\n }\n\n .serumdrop-title span {\n margin-top: 8px;\n }\n\n .serumdrop-intro {\n margin-top: 25px;\n\n font-size: 15px;\n line-height: 1.72;\n }\n\n .serumdrop-statement {\n gap: 8px;\n\n margin:\n 24px\n 0\n 30px;\n }\n\n .serumdrop-statement span {\n padding:\n 9px\n 12px;\n\n font-size: 12px;\n }\n\n .serumdrop-benefits {\n grid-template-columns:\n minmax(0, 1fr);\n\n gap: 13px;\n }\n\n .serumdrop-card,\n .serumdrop-card-wide {\n grid-column: auto;\n\n gap: 14px;\n\n min-height: auto;\n\n padding:\n 21px\n 19px;\n\n border-radius: 18px;\n }\n\n .serumdrop-icon {\n width: 44px;\n height: 44px;\n flex-basis: 44px;\n\n border-radius: 14px;\n }\n\n .serumdrop-icon svg {\n width: 22px;\n height: 22px;\n }\n\n .serumdrop-card h3 {\n font-size: 19px;\n }\n\n .serumdrop-card p {\n font-size: 13px;\n line-height: 1.62;\n }\n\n .serumdrop-footer {\n align-items: flex-start;\n flex-direction: column;\n gap: 12px;\n\n margin-top: 31px;\n\n font-size: clamp(18px, 5.5cqw, 22px);\n }\n\n .serumdrop-line {\n width: 100%;\n min-width: 100%;\n flex: none;\n }\n\n .serumdrop-glow {\n filter: blur(14px);\n }\n }\n\n \/*\n EXTRA-SMALL MOBILE\n *\/\n\n @container serumDrop (max-width: 390px) {\n .serumdrop-section {\n padding:\n 46px\n 11px;\n }\n\n .serumdrop-premium {\n padding:\n 30px\n 16px;\n\n border-radius: 20px;\n }\n\n .serumdrop-badge {\n font-size: 8px;\n letter-spacing: 0.09em;\n }\n\n .serumdrop-title {\n font-size: 35px;\n }\n\n .serumdrop-intro {\n font-size: 14px;\n }\n\n .serumdrop-statement span {\n padding:\n 8px\n 10px;\n\n font-size: 11px;\n }\n\n .serumdrop-card,\n .serumdrop-card-wide {\n padding:\n 19px\n 16px;\n }\n\n .serumdrop-icon {\n width: 42px;\n height: 42px;\n flex-basis: 42px;\n }\n\n .serumdrop-card h3 {\n font-size: 18px;\n }\n\n .serumdrop-footer {\n font-size: 18px;\n }\n }\n\n \/*\n STANDARD VIEWPORT FALLBACKS\n *\/\n\n @media screen and (max-width: 900px) {\n .serumdrop-benefits {\n grid-template-columns:\n minmax(0, 1fr);\n }\n\n .serumdrop-card,\n .serumdrop-card-wide {\n grid-column: auto;\n min-height: auto;\n }\n }\n\n @media screen and (max-width: 720px) {\n .serumdrop-section {\n padding:\n 52px\n 14px;\n }\n\n .serumdrop-premium {\n padding:\n 34px\n 20px;\n\n border-radius: 22px;\n }\n\n .serumdrop-title {\n font-size: clamp(36px, 11vw, 52px);\n }\n\n .serumdrop-footer {\n align-items: flex-start;\n flex-direction: column;\n gap: 12px;\n }\n\n .serumdrop-line {\n width: 100%;\n flex: none;\n }\n }\n\n \/*\n FALLBACK FOR BROWSERS WITHOUT\n CONTAINER QUERY SUPPORT\n *\/\n\n @supports not (container-type: inline-size) {\n @media screen and (max-width: 1000px) {\n .serumdrop-benefits {\n grid-template-columns:\n minmax(0, 1fr);\n }\n\n .serumdrop-card,\n .serumdrop-card-wide {\n grid-column: auto;\n min-height: auto;\n }\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .serumdrop-section *,\n .serumdrop-section *::before,\n .serumdrop-section *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n scroll-behavior: auto !important;\n transition-duration: 0.01ms !important;\n }\n\n .serumdrop-badge,\n .serumdrop-title,\n .serumdrop-intro,\n .serumdrop-statement,\n .serumdrop-card,\n .serumdrop-footer {\n opacity: 1;\n transform: none;\n }\n }\n\u003c\/style\u003e","brand":"Fearless Grace","offers":[{"title":"White","offer_id":45944970182739,"sku":null,"price":249.0,"currency_code":"ZAR","in_stock":true},{"title":"Gray","offer_id":45944970215507,"sku":null,"price":249.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0726\/0982\/4851\/files\/ChatGPTImageJul20_2026at09_12_49PM.png?v=1784577361"},{"product_id":"dreamcurl-heatless-overnight-curl-set","title":"DreamCurl – Heatless Overnight Curl Set","description":"\u003c!-- DreamCurl Heatless Overnight Curl Set | Shopify Responsive Section --\u003e\n\u003csection class=\"dreamcurl-premium\"\u003e\n \u003cdiv class=\"dreamcurl-glow dreamcurl-glow-one\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"dreamcurl-glow dreamcurl-glow-two\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"dreamcurl-stars\" aria-hidden=\"true\"\u003e\n \u003cspan\u003e\u003c\/span\u003e\n \u003cspan\u003e\u003c\/span\u003e\n \u003cspan\u003e\u003c\/span\u003e\n \u003cspan\u003e\u003c\/span\u003e\n \u003cspan\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"dreamcurl-container\"\u003e\n\n \u003cheader class=\"dreamcurl-header\"\u003e\n \u003cdiv class=\"dreamcurl-eyebrow\"\u003e\n \u003cspan aria-hidden=\"true\"\u003e\u003c\/span\u003e\n\n \u003cstrong\u003eHeatless Overnight Styling\u003c\/strong\u003e\n\n \u003cspan aria-hidden=\"true\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch2\u003e\n Wake Up to Perfect Curls.\n \u003cem\u003eNo Heat Required.\u003c\/em\u003e\n \u003c\/h2\u003e\n\n \u003cp class=\"dreamcurl-intro\"\u003e\n The \u003cstrong\u003eDreamCurl Heatless Overnight Curl Set\u003c\/strong\u003e gives you\n gorgeous, bouncy waves and defined curls while you sleep — with zero\n heat damage. Simply wrap your hair around the flexible rod before bed,\n secure with the satin scrunchies, and wake up to effortlessly styled\n hair that looks salon-fresh every morning.\n \u003c\/p\u003e\n\n \u003cdiv class=\"dreamcurl-promise\"\u003e\n \u003cspan\u003eFive pieces.\u003c\/span\u003e\n \u003cspan\u003eOne routine.\u003c\/span\u003e\n \u003cstrong\u003eEndless curl possibilities.\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003c\/header\u003e\n\n \u003cdiv class=\"dreamcurl-features\"\u003e\n\n \u003carticle class=\"dreamcurl-card\"\u003e\n \u003cdiv class=\"dreamcurl-number\"\u003e01\u003c\/div\u003e\n\n \u003cdiv class=\"dreamcurl-card-content\"\u003e\n \u003cspan class=\"dreamcurl-card-label\"\u003e\n Effortless Styling\n \u003c\/span\u003e\n\n \u003ch3\u003eOvernight Curls With Zero Effort\u003c\/h3\u003e\n\n \u003cp\u003e\n Style while you sleep and wake up ready for the day.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"dreamcurl-card\"\u003e\n \u003cdiv class=\"dreamcurl-number\"\u003e02\u003c\/div\u003e\n\n \u003cdiv class=\"dreamcurl-card-content\"\u003e\n \u003cspan class=\"dreamcurl-card-label\"\u003e\n Hair-Friendly\n \u003c\/span\u003e\n\n \u003ch3\u003eNo Heat, No Damage\u003c\/h3\u003e\n\n \u003cp\u003e\n Protect your hair while still creating a beautifully styled finish.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"dreamcurl-card\"\u003e\n \u003cdiv class=\"dreamcurl-number\"\u003e03\u003c\/div\u003e\n\n \u003cdiv class=\"dreamcurl-card-content\"\u003e\n \u003cspan class=\"dreamcurl-card-label\"\u003e\n Soft Definition\n \u003c\/span\u003e\n\n \u003ch3\u003eNatural-Looking Waves \u0026amp; Curls\u003c\/h3\u003e\n\n \u003cp\u003e\n Soft, bouncy, and full of effortless movement.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"dreamcurl-card\"\u003e\n \u003cdiv class=\"dreamcurl-number\"\u003e04\u003c\/div\u003e\n\n \u003cdiv class=\"dreamcurl-card-content\"\u003e\n \u003cspan class=\"dreamcurl-card-label\"\u003e\n Satin Care\n \u003c\/span\u003e\n\n \u003ch3\u003e2 Satin Scrunchies Included\u003c\/h3\u003e\n\n \u003cp\u003e\n Gentle on your hair with no kinks, pulling, or breakage.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"dreamcurl-card\"\u003e\n \u003cdiv class=\"dreamcurl-number\"\u003e05\u003c\/div\u003e\n\n \u003cdiv class=\"dreamcurl-card-content\"\u003e\n \u003cspan class=\"dreamcurl-card-label\"\u003e\n Easy Finishing\n \u003c\/span\u003e\n\n \u003ch3\u003eWide-Tooth Comb\u003c\/h3\u003e\n\n \u003cp\u003e\n Designed for effortless detangling, separation, and styling.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"dreamcurl-card\"\u003e\n \u003cdiv class=\"dreamcurl-number\"\u003e06\u003c\/div\u003e\n\n \u003cdiv class=\"dreamcurl-card-content\"\u003e\n \u003cspan class=\"dreamcurl-card-label\"\u003e\n Made For Everyone\n \u003c\/span\u003e\n\n \u003ch3\u003eAll Hair Lengths \u0026amp; Types\u003c\/h3\u003e\n\n \u003cp\u003e\n Create your ideal curl pattern, whatever your hair type.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003cfooter class=\"dreamcurl-footer\"\u003e\n \u003cspan aria-hidden=\"true\"\u003e\u003c\/span\u003e\n\n \u003cp\u003eDream it. Sleep it. Wake up gorgeous.\u003c\/p\u003e\n\n \u003cspan aria-hidden=\"true\"\u003e\u003c\/span\u003e\n \u003c\/footer\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n .dreamcurl-premium {\n --dc-navy: #173e6c;\n --dc-deep-navy: #0d2948;\n --dc-champagne: #c9b39d;\n --dc-ivory: #faf8f5;\n --dc-blush: #ead9d5;\n --dc-blue: #dbe7f2;\n --dc-white: #ffffff;\n --dc-text: #293748;\n --dc-muted: #6d7885;\n\n position: relative;\n isolation: isolate;\n overflow: hidden;\n\n width: 100%;\n max-width: 100%;\n min-width: 0;\n\n padding:\n clamp(68px, 8vw, 124px)\n clamp(16px, 3vw, 28px);\n\n background:\n radial-gradient(\n circle at 10% 8%,\n rgba(201, 179, 157, 0.22),\n transparent 30%\n ),\n radial-gradient(\n circle at 92% 18%,\n rgba(219, 231, 242, 0.68),\n transparent 32%\n ),\n linear-gradient(\n 145deg,\n #ffffff 0%,\n #faf8f5 52%,\n #f3f6f9 100%\n );\n\n color: var(--dc-text);\n\n font-family:\n \"Helvetica Neue\",\n Helvetica,\n Arial,\n sans-serif;\n\n container-type: inline-size;\n container-name: dreamCurl;\n }\n\n .dreamcurl-premium,\n .dreamcurl-premium *,\n .dreamcurl-premium *::before,\n .dreamcurl-premium *::after {\n box-sizing: border-box;\n }\n\n .dreamcurl-premium h2,\n .dreamcurl-premium h3,\n .dreamcurl-premium p {\n padding: 0;\n }\n\n .dreamcurl-premium h2,\n .dreamcurl-premium h3,\n .dreamcurl-premium p,\n .dreamcurl-premium span,\n .dreamcurl-premium strong,\n .dreamcurl-premium em,\n .dreamcurl-premium div,\n .dreamcurl-premium article,\n .dreamcurl-premium header,\n .dreamcurl-premium footer {\n min-width: 0;\n max-width: 100%;\n word-break: normal;\n overflow-wrap: break-word;\n }\n\n .dreamcurl-container {\n position: relative;\n z-index: 3;\n\n width: 100%;\n max-width: 1160px;\n min-width: 0;\n\n margin: 0 auto;\n }\n\n .dreamcurl-glow {\n position: absolute;\n z-index: 0;\n\n border-radius: 50%;\n\n filter: blur(8px);\n\n pointer-events: none;\n\n animation:\n dreamcurlFloat 10s ease-in-out infinite;\n }\n\n .dreamcurl-glow-one {\n top: -140px;\n right: -90px;\n\n width: clamp(290px, 36vw, 400px);\n height: clamp(290px, 36vw, 400px);\n\n background: rgba(23, 62, 108, 0.08);\n }\n\n .dreamcurl-glow-two {\n bottom: -190px;\n left: -120px;\n\n width: clamp(330px, 42vw, 480px);\n height: clamp(330px, 42vw, 480px);\n\n background: rgba(201, 179, 157, 0.17);\n\n animation-delay: -5s;\n }\n\n .dreamcurl-stars {\n position: absolute;\n z-index: 1;\n\n inset: 0;\n\n pointer-events: none;\n }\n\n .dreamcurl-stars span {\n position: absolute;\n\n width: 5px;\n height: 5px;\n\n border-radius: 50%;\n\n background: var(--dc-champagne);\n\n box-shadow:\n 0 0 16px rgba(201, 179, 157, 0.8);\n\n animation:\n dreamcurlTwinkle 3.8s ease-in-out infinite;\n }\n\n .dreamcurl-stars span:nth-child(1) {\n top: 14%;\n left: 8%;\n }\n\n .dreamcurl-stars span:nth-child(2) {\n top: 24%;\n right: 11%;\n\n animation-delay: -1s;\n }\n\n .dreamcurl-stars span:nth-child(3) {\n top: 52%;\n left: 5%;\n\n animation-delay: -2s;\n }\n\n .dreamcurl-stars span:nth-child(4) {\n right: 6%;\n bottom: 25%;\n\n animation-delay: -2.8s;\n }\n\n .dreamcurl-stars span:nth-child(5) {\n bottom: 12%;\n left: 24%;\n\n animation-delay: -1.7s;\n }\n\n .dreamcurl-header {\n width: 100%;\n max-width: 900px;\n min-width: 0;\n\n margin:\n 0 auto\n clamp(48px, 6vw, 78px);\n\n text-align: center;\n\n animation:\n dreamcurlReveal\n 0.95s\n cubic-bezier(0.22, 1, 0.36, 1)\n both;\n }\n\n .dreamcurl-eyebrow {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n\n width: 100%;\n max-width: 100%;\n\n margin:\n 0 auto\n 24px;\n\n color: var(--dc-navy);\n\n font-size: clamp(9px, 1vw, 12px);\n font-weight: 700;\n line-height: 1.5;\n letter-spacing: 0.22em;\n\n text-align: center;\n text-transform: uppercase;\n }\n\n .dreamcurl-eyebrow strong {\n flex: 0 1 auto;\n\n color: inherit;\n font: inherit;\n }\n\n .dreamcurl-eyebrow \u003e span {\n width: clamp(20px, 4vw, 34px);\n height: 1px;\n flex: 0 0 auto;\n\n background: linear-gradient(\n 90deg,\n transparent,\n var(--dc-champagne)\n );\n\n transform-origin: center;\n\n animation:\n dreamcurlLine 1.2s ease both;\n }\n\n .dreamcurl-eyebrow \u003e span:last-child {\n background: linear-gradient(\n 90deg,\n var(--dc-champagne),\n transparent\n );\n }\n\n .dreamcurl-header h2 {\n width: 100%;\n max-width: 100%;\n\n margin: 0;\n\n color: var(--dc-navy);\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size: clamp(43px, 6.5vw, 82px);\n font-weight: 500;\n line-height: 1;\n letter-spacing: -0.045em;\n\n text-wrap: balance;\n }\n\n .dreamcurl-header h2 em {\n display: block;\n\n margin-top: 10px;\n\n color: var(--dc-champagne);\n\n font-weight: 500;\n }\n\n .dreamcurl-intro {\n width: 100%;\n max-width: 810px;\n\n margin:\n 30px auto 0;\n\n color: var(--dc-muted);\n\n font-size: clamp(16px, 1.7vw, 19px);\n line-height: 1.85;\n\n text-wrap: pretty;\n }\n\n .dreamcurl-intro strong {\n color: var(--dc-text);\n font-weight: 600;\n }\n\n .dreamcurl-promise {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n\n gap:\n 8px\n 18px;\n\n width: 100%;\n max-width: 100%;\n\n margin-top: 34px;\n\n color: var(--dc-text);\n\n font-size: 14px;\n line-height: 1.5;\n letter-spacing: 0.05em;\n }\n\n .dreamcurl-promise span,\n .dreamcurl-promise strong {\n position: relative;\n }\n\n .dreamcurl-promise span:not(:last-of-type)::after {\n content: \"•\";\n position: absolute;\n\n right: -13px;\n\n color: var(--dc-champagne);\n }\n\n .dreamcurl-promise strong {\n color: var(--dc-navy);\n }\n\n .dreamcurl-features {\n display: grid;\n grid-template-columns:\n repeat(3, minmax(0, 1fr));\n\n gap: 18px;\n\n width: 100%;\n max-width: 100%;\n min-width: 0;\n }\n\n .dreamcurl-card {\n position: relative;\n\n display: flex;\n align-items: flex-start;\n gap: 18px;\n\n width: 100%;\n max-width: 100%;\n min-width: 0;\n min-height: 210px;\n\n overflow: hidden;\n\n padding: 30px;\n\n border: 1px solid rgba(23, 62, 108, 0.1);\n border-radius: 24px;\n\n background: rgba(255, 255, 255, 0.74);\n\n box-shadow:\n 0 18px 60px rgba(31, 55, 80, 0.07);\n\n backdrop-filter: blur(14px);\n -webkit-backdrop-filter: blur(14px);\n\n transition:\n transform 0.45s ease,\n border-color 0.45s ease,\n box-shadow 0.45s ease;\n\n animation:\n dreamcurlCardReveal 0.8s ease both;\n }\n\n .dreamcurl-card:nth-child(1) {\n animation-delay: 0.08s;\n }\n\n .dreamcurl-card:nth-child(2) {\n animation-delay: 0.16s;\n }\n\n .dreamcurl-card:nth-child(3) {\n animation-delay: 0.24s;\n }\n\n .dreamcurl-card:nth-child(4) {\n animation-delay: 0.32s;\n }\n\n .dreamcurl-card:nth-child(5) {\n animation-delay: 0.4s;\n }\n\n .dreamcurl-card:nth-child(6) {\n animation-delay: 0.48s;\n }\n\n .dreamcurl-card::before {\n content: \"\";\n position: absolute;\n\n inset: 0;\n\n opacity: 0;\n\n background: linear-gradient(\n 135deg,\n rgba(201, 179, 157, 0.16),\n rgba(219, 231, 242, 0.16) 45%,\n transparent 72%\n );\n\n transition:\n opacity 0.45s ease;\n\n pointer-events: none;\n }\n\n .dreamcurl-card::after {\n content: \"\";\n position: absolute;\n\n top: -130%;\n left: -75%;\n\n width: 52%;\n height: 340%;\n\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(255, 255, 255, 0.75),\n transparent\n );\n\n transform: rotate(20deg);\n\n transition:\n left 0.9s ease;\n\n pointer-events: none;\n }\n\n .dreamcurl-number {\n position: relative;\n z-index: 2;\n\n display: grid;\n place-items: center;\n\n width: 48px;\n height: 48px;\n flex: 0 0 48px;\n\n border: 1px solid rgba(201, 179, 157, 0.68);\n border-radius: 50%;\n\n background: rgba(250, 248, 245, 0.9);\n\n color: var(--dc-navy);\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size: 13px;\n line-height: 1;\n\n transition:\n color 0.35s ease,\n background 0.35s ease,\n transform 0.35s ease;\n }\n\n .dreamcurl-card-content {\n position: relative;\n z-index: 2;\n\n flex: 1 1 auto;\n\n min-width: 0;\n }\n\n .dreamcurl-card-label {\n display: inline-block;\n\n margin-bottom: 10px;\n\n color: var(--dc-champagne);\n\n font-size: 10px;\n font-weight: 700;\n line-height: 1.5;\n letter-spacing: 0.16em;\n\n text-transform: uppercase;\n }\n\n .dreamcurl-card h3 {\n margin:\n 0\n 0\n 10px;\n\n color: var(--dc-navy);\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size: clamp(20px, 1.8vw, 22px);\n font-weight: 500;\n line-height: 1.28;\n\n text-wrap: balance;\n }\n\n .dreamcurl-card p {\n margin: 0;\n\n color: var(--dc-muted);\n\n font-size: 14px;\n line-height: 1.75;\n\n text-wrap: pretty;\n }\n\n .dreamcurl-footer {\n display: grid;\n grid-template-columns:\n minmax(30px, 1fr)\n auto\n minmax(30px, 1fr);\n\n align-items: center;\n gap: 24px;\n\n width: 100%;\n max-width: 100%;\n min-width: 0;\n\n margin-top:\n clamp(48px, 6vw, 74px);\n\n animation:\n dreamcurlReveal 1s 0.55s ease both;\n }\n\n .dreamcurl-footer \u003e span {\n width: 100%;\n height: 1px;\n\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(201, 179, 157, 0.85)\n );\n }\n\n .dreamcurl-footer \u003e span:last-child {\n background: linear-gradient(\n 90deg,\n rgba(201, 179, 157, 0.85),\n transparent\n );\n }\n\n .dreamcurl-footer p {\n max-width: 100%;\n\n margin: 0;\n\n color: var(--dc-navy);\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size: clamp(16px, 2vw, 22px);\n font-style: italic;\n line-height: 1.4;\n\n text-align: center;\n text-wrap: balance;\n }\n\n @media (hover: hover) and (pointer: fine) {\n .dreamcurl-card:hover {\n transform: translateY(-9px);\n\n border-color: rgba(201, 179, 157, 0.58);\n\n box-shadow:\n 0 30px 82px rgba(31, 55, 80, 0.14);\n }\n\n .dreamcurl-card:hover::before {\n opacity: 1;\n }\n\n .dreamcurl-card:hover::after {\n left: 140%;\n }\n\n .dreamcurl-card:hover .dreamcurl-number {\n transform:\n rotate(-8deg)\n scale(1.07);\n\n background: var(--dc-navy);\n color: var(--dc-white);\n }\n }\n\n @keyframes dreamcurlReveal {\n from {\n opacity: 0;\n transform: translateY(26px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes dreamcurlCardReveal {\n from {\n opacity: 0;\n\n transform:\n translateY(34px)\n scale(0.98);\n }\n\n to {\n opacity: 1;\n\n transform:\n translateY(0)\n scale(1);\n }\n }\n\n @keyframes dreamcurlFloat {\n 0%,\n 100% {\n transform:\n translate3d(0, 0, 0)\n scale(1);\n }\n\n 50% {\n transform:\n translate3d(0, -30px, 0)\n scale(1.05);\n }\n }\n\n @keyframes dreamcurlTwinkle {\n 0%,\n 100% {\n opacity: 0.25;\n transform: scale(0.8);\n }\n\n 50% {\n opacity: 1;\n transform: scale(1.45);\n }\n }\n\n @keyframes dreamcurlLine {\n from {\n transform: scaleX(0);\n }\n\n to {\n transform: scaleX(1);\n }\n }\n\n \/*\n FULL-WIDTH DESKTOP SECTION\n *\/\n\n @container dreamCurl (min-width: 1001px) {\n .dreamcurl-features {\n grid-template-columns:\n repeat(3, minmax(0, 1fr));\n }\n\n .dreamcurl-card {\n min-height: 210px;\n }\n }\n\n \/*\n MEDIUM DESKTOP OR NARROW SHOPIFY SECTION\n *\/\n\n @container dreamCurl (min-width: 701px) and (max-width: 1000px) {\n .dreamcurl-premium {\n padding:\n 76px\n 22px;\n }\n\n .dreamcurl-header {\n max-width: 760px;\n }\n\n .dreamcurl-header h2 {\n font-size: clamp(48px, 7cqw, 68px);\n }\n\n .dreamcurl-features {\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n\n max-width: 820px;\n\n margin-right: auto;\n margin-left: auto;\n }\n\n .dreamcurl-card {\n min-height: 205px;\n }\n\n .dreamcurl-footer {\n max-width: 820px;\n\n margin-right: auto;\n margin-left: auto;\n margin-top: 54px;\n }\n }\n\n \/*\n TABLET OR NARROW PRODUCT COLUMN\n *\/\n\n @container dreamCurl (min-width: 561px) and (max-width: 700px) {\n .dreamcurl-premium {\n padding:\n 68px\n 20px;\n }\n\n .dreamcurl-header {\n max-width: 620px;\n\n margin-bottom: 44px;\n }\n\n .dreamcurl-header h2 {\n font-size: clamp(44px, 8cqw, 58px);\n line-height: 1.03;\n }\n\n .dreamcurl-intro {\n font-size: 16px;\n }\n\n .dreamcurl-features {\n grid-template-columns:\n minmax(0, 1fr);\n\n max-width: 620px;\n\n margin-right: auto;\n margin-left: auto;\n }\n\n .dreamcurl-card {\n min-height: auto;\n }\n\n .dreamcurl-footer {\n max-width: 620px;\n\n margin-right: auto;\n margin-left: auto;\n }\n }\n\n \/*\n MOBILE OR VERY NARROW SHOPIFY COLUMN\n *\/\n\n @container dreamCurl (max-width: 560px) {\n .dreamcurl-premium {\n padding:\n 56px\n 15px;\n }\n\n .dreamcurl-header {\n margin-bottom: 38px;\n }\n\n .dreamcurl-eyebrow {\n gap: 7px;\n\n margin-bottom: 19px;\n\n font-size: 9px;\n letter-spacing: 0.13em;\n }\n\n .dreamcurl-eyebrow \u003e span {\n width: 18px;\n }\n\n .dreamcurl-header h2 {\n font-size: clamp(37px, 10.5cqw, 47px);\n line-height: 1.04;\n letter-spacing: -0.035em;\n }\n\n .dreamcurl-header h2 em {\n margin-top: 7px;\n }\n\n .dreamcurl-intro {\n margin-top: 24px;\n\n font-size: 15px;\n line-height: 1.72;\n }\n\n .dreamcurl-promise {\n flex-direction: column;\n align-items: center;\n\n gap: 7px;\n\n margin-top: 27px;\n\n font-size: 13px;\n }\n\n .dreamcurl-promise span::after {\n display: none;\n }\n\n .dreamcurl-features {\n grid-template-columns:\n minmax(0, 1fr);\n\n gap: 14px;\n }\n\n .dreamcurl-card {\n gap: 15px;\n\n min-height: auto;\n\n padding:\n 24px\n 21px;\n\n border-radius: 20px;\n }\n\n .dreamcurl-number {\n width: 44px;\n height: 44px;\n flex-basis: 44px;\n\n font-size: 12px;\n }\n\n .dreamcurl-card-label {\n margin-bottom: 8px;\n\n font-size: 9px;\n letter-spacing: 0.13em;\n }\n\n .dreamcurl-card h3 {\n font-size: 21px;\n }\n\n .dreamcurl-card p {\n font-size: 14px;\n line-height: 1.68;\n }\n\n .dreamcurl-footer {\n grid-template-columns:\n 28px\n minmax(0, 1fr)\n 28px;\n\n gap: 10px;\n\n margin-top: 42px;\n }\n\n .dreamcurl-footer p {\n font-size: clamp(16px, 5cqw, 20px);\n line-height: 1.35;\n }\n\n .dreamcurl-glow {\n filter: blur(6px);\n }\n\n .dreamcurl-stars span {\n width: 4px;\n height: 4px;\n }\n }\n\n \/*\n EXTRA-SMALL MOBILE\n *\/\n\n @container dreamCurl (max-width: 390px) {\n .dreamcurl-premium {\n padding:\n 50px\n 12px;\n }\n\n .dreamcurl-eyebrow {\n letter-spacing: 0.09em;\n }\n\n .dreamcurl-eyebrow \u003e span {\n width: 12px;\n }\n\n .dreamcurl-header h2 {\n font-size: 35px;\n }\n\n .dreamcurl-intro {\n font-size: 14px;\n }\n\n .dreamcurl-card {\n padding:\n 22px\n 18px;\n }\n\n .dreamcurl-number {\n width: 42px;\n height: 42px;\n flex-basis: 42px;\n }\n\n .dreamcurl-card h3 {\n font-size: 20px;\n }\n\n .dreamcurl-card p {\n font-size: 13px;\n }\n\n .dreamcurl-footer {\n grid-template-columns:\n 20px\n minmax(0, 1fr)\n 20px;\n }\n\n .dreamcurl-footer p {\n font-size: 16px;\n }\n }\n\n \/*\n STANDARD VIEWPORT FALLBACKS\n *\/\n\n @media screen and (max-width: 1000px) {\n .dreamcurl-features {\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n }\n }\n\n @media screen and (max-width: 749px) {\n .dreamcurl-premium {\n padding:\n 66px\n 18px;\n }\n\n .dreamcurl-features {\n grid-template-columns:\n minmax(0, 1fr);\n }\n\n .dreamcurl-card {\n min-height: auto;\n }\n }\n\n @media screen and (max-width: 480px) {\n .dreamcurl-premium {\n padding:\n 54px\n 14px;\n }\n\n .dreamcurl-header h2 {\n font-size: clamp(36px, 10.5vw, 44px);\n line-height: 1.04;\n }\n\n .dreamcurl-promise {\n flex-direction: column;\n align-items: center;\n }\n\n .dreamcurl-promise span::after {\n display: none;\n }\n\n .dreamcurl-card {\n padding:\n 24px\n 20px;\n\n border-radius: 20px;\n }\n\n .dreamcurl-footer {\n grid-template-columns:\n 28px\n minmax(0, 1fr)\n 28px;\n\n gap: 10px;\n }\n }\n\n \/*\n FALLBACK FOR BROWSERS WITHOUT\n CONTAINER QUERY SUPPORT\n *\/\n\n @supports not (container-type: inline-size) {\n @media screen and (max-width: 1000px) {\n .dreamcurl-features {\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n }\n }\n\n @media screen and (max-width: 700px) {\n .dreamcurl-features {\n grid-template-columns:\n minmax(0, 1fr);\n }\n\n .dreamcurl-card {\n min-height: auto;\n }\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .dreamcurl-premium *,\n .dreamcurl-premium *::before,\n .dreamcurl-premium *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n scroll-behavior: auto !important;\n transition-duration: 0.01ms !important;\n }\n\n .dreamcurl-header,\n .dreamcurl-card,\n .dreamcurl-footer {\n opacity: 1;\n transform: none;\n }\n }\n\u003c\/style\u003e","brand":"Fearless Grace","offers":[{"title":"Default Title","offer_id":45857016021075,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0726\/0982\/4851\/files\/fearless-grace-heatless-curl-set-flat-lay.png?v=1784790521"},{"product_id":"dewbrush-2-in-1-misting-detangle-style-brush","title":"DewBrush – 2-in-1 Misting Detangle \u0026 Style Brush","description":"\u003c!-- DewBrush 2-in-1 Misting Detangle \u0026 Style Brush | Shopify Responsive Section --\u003e\n\u003csection class=\"dewbrush-section\"\u003e\n \u003cdiv class=\"dewbrush-glow dewbrush-glow-one\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"dewbrush-glow dewbrush-glow-two\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"dewbrush-premium\"\u003e\n\n \u003cdiv class=\"dewbrush-content\"\u003e\n\n \u003cdiv class=\"dewbrush-badge\"\u003e\n \u003cspan aria-hidden=\"true\"\u003e\u003c\/span\u003e\n \u003cstrong\u003e2-in-1 Hair Essential\u003c\/strong\u003e\n \u003c\/div\u003e\n\n \u003ch2\u003e\n Hydrated, Frizz-Free Hair.\n \u003cspan\u003eOne Brush Does It All.\u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp class=\"dewbrush-intro\"\u003e\n The \u003cstrong\u003eDewBrush 2-in-1 Misting Detangle \u0026amp; Style Brush\u003c\/strong\u003e\n combines a fine mist sprayer with a cushion paddle brush — so you can\n hydrate and detangle in a single, effortless stroke. No more switching\n between a spray bottle and a brush. Just smooth, frizz-free, touchably\n soft hair every time.\n \u003c\/p\u003e\n\n \u003cdiv class=\"dewbrush-statement\"\u003e\n \u003cspan\u003eDetangle.\u003c\/span\u003e\n \u003cspan\u003eHydrate.\u003c\/span\u003e\n \u003cspan\u003eStyle.\u003c\/span\u003e\n \u003cstrong\u003eDone.\u003c\/strong\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"dewbrush-features\"\u003e\n\n \u003carticle class=\"dewbrush-feature\"\u003e\n \u003cdiv class=\"dewbrush-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"\u003e\n \u003cpath d=\"M12 3C9.5 7.2 6.5 10.2 6.5 14a5.5 5.5 0 0 0 11 0C17.5 10.2 14.5 7.2 12 3Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9.5 15.2c.4 1.4 1.4 2.2 2.8 2.4\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"dewbrush-feature-copy\"\u003e\n \u003ch3\u003eInstant Frizz Control\u003c\/h3\u003e\n\n \u003cp\u003e\n Fine mist tames flyaways and static on contact.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"dewbrush-feature\"\u003e\n \u003cdiv class=\"dewbrush-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"\u003e\n \u003cpath d=\"M7 4v16\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M11 6v12\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M15 5v14\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M19 7v10\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"dewbrush-feature-copy\"\u003e\n \u003ch3\u003eTear-Free Detangling\u003c\/h3\u003e\n\n \u003cp\u003e\n Glides through knots without pulling or breakage.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"dewbrush-feature\"\u003e\n \u003cdiv class=\"dewbrush-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"\u003e\n \u003cpath d=\"M12 3c1.5 3.8 4.2 5.2 7.5 5.5-3.3.8-5.4 2.9-6.2 6.2C12.6 11.4 10.5 9.3 7.2 8.5 9.5 8.2 11 6.7 12 3Z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M6 14c.7 1.8 1.9 3 4 3.5-2.1.5-3.3 1.7-4 3.5-.5-1.8-1.8-3-3.8-3.5C4.2 17 5.5 15.8 6 14Z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"dewbrush-feature-copy\"\u003e\n \u003ch3\u003eHealthier Hair, Daily\u003c\/h3\u003e\n\n \u003cp\u003e\n Moisture delivered exactly where your hair needs it.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"dewbrush-feature\"\u003e\n \u003cdiv class=\"dewbrush-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"\u003e\n \u003cpath d=\"M8 4h8\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 4v3l-2 3v8a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-8l-2-3V4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 13h6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"dewbrush-feature-copy\"\u003e\n \u003ch3\u003eRefillable Reservoir\u003c\/h3\u003e\n\n \u003cp\u003e\n Fill with water, leave-in conditioner, or your favourite hair\n mist.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"dewbrush-feature dewbrush-feature-wide\"\u003e\n \u003cdiv class=\"dewbrush-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"\u003e\n \u003cpath d=\"M8 7V5.5A2.5 2.5 0 0 1 10.5 3h3A2.5 2.5 0 0 1 16 5.5V7\"\u003e\u003c\/path\u003e\n \u003crect x=\"4\" y=\"7\" width=\"16\" height=\"13\" rx=\"3\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M8 11v5\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 11v5\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"dewbrush-feature-copy\"\u003e\n \u003ch3\u003ePortable \u0026amp; Travel-Ready\u003c\/h3\u003e\n\n \u003cp\u003e\n Compact enough for your gym bag or carry-on.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"dewbrush-colours\"\u003e\n \u003cp class=\"dewbrush-colours-label\"\u003e\n Available in\n \u003c\/p\u003e\n\n \u003cdiv class=\"dewbrush-colour-list\"\u003e\n\n \u003cdiv class=\"dewbrush-colour\"\u003e\n \u003cspan class=\"dewbrush-swatch dewbrush-black\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n\n \u003cspan\u003eBlack\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"dewbrush-colour\"\u003e\n \u003cspan class=\"dewbrush-swatch dewbrush-pink\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n\n \u003cspan\u003eLight Pink\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"dewbrush-colour\"\u003e\n \u003cspan class=\"dewbrush-swatch dewbrush-blue\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n\n \u003cspan\u003eLight Blue\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"dewbrush-colour\"\u003e\n \u003cspan class=\"dewbrush-swatch dewbrush-purple\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n\n \u003cspan\u003ePurple\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"dewbrush-closing\"\u003e\n Less frizz.\n \u003cspan\u003eMore flow.\u003c\/span\u003e\n Every single day.\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n .dewbrush-section {\n --db-navy: #173e6c;\n --db-deep-navy: #0d2948;\n --db-champagne: #c9b39d;\n --db-ivory: #faf8f5;\n --db-warm-white: #fffdf9;\n --db-text: #26384b;\n --db-muted: #657383;\n\n position: relative;\n isolation: isolate;\n overflow: hidden;\n\n width: 100%;\n max-width: 100%;\n min-width: 0;\n\n padding:\n clamp(60px, 8vw, 100px)\n clamp(14px, 3vw, 26px);\n\n background:\n radial-gradient(\n circle at 12% 10%,\n rgba(201, 179, 157, 0.2),\n transparent 32%\n ),\n radial-gradient(\n circle at 90% 85%,\n rgba(173, 204, 229, 0.22),\n transparent 34%\n ),\n linear-gradient(\n 145deg,\n #ffffff 0%,\n #faf8f5 50%,\n #f2f6fa 100%\n );\n\n color: var(--db-text);\n\n font-family:\n Inter,\n \"Helvetica Neue\",\n Arial,\n sans-serif;\n\n container-type: inline-size;\n container-name: dewBrush;\n }\n\n .dewbrush-section,\n .dewbrush-section *,\n .dewbrush-section *::before,\n .dewbrush-section *::after {\n box-sizing: border-box;\n }\n\n .dewbrush-section h2,\n .dewbrush-section h3,\n .dewbrush-section p {\n padding: 0;\n }\n\n .dewbrush-section h2,\n .dewbrush-section h3,\n .dewbrush-section p,\n .dewbrush-section span,\n .dewbrush-section strong,\n .dewbrush-section div,\n .dewbrush-section article,\n .dewbrush-section svg {\n min-width: 0;\n max-width: 100%;\n word-break: normal;\n overflow-wrap: break-word;\n }\n\n .dewbrush-premium {\n position: relative;\n z-index: 2;\n\n width: 100%;\n max-width: 1120px;\n min-width: 0;\n\n margin: 0 auto;\n\n padding:\n clamp(38px, 6vw, 82px);\n\n overflow: hidden;\n\n border: 1px solid rgba(201, 179, 157, 0.38);\n border-radius: 34px;\n\n background:\n radial-gradient(\n circle at top right,\n rgba(201, 179, 157, 0.2),\n transparent 35%\n ),\n linear-gradient(\n 145deg,\n #fffdf9 0%,\n #faf8f5 48%,\n #f2f6fa 100%\n );\n\n box-shadow:\n 0 30px 80px rgba(23, 62, 108, 0.13),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n }\n\n .dewbrush-premium::before {\n content: \"\";\n position: absolute;\n z-index: -1;\n\n inset: 14px;\n\n border: 1px solid rgba(255, 255, 255, 0.75);\n border-radius: 24px;\n\n pointer-events: none;\n }\n\n .dewbrush-premium::after {\n content: \"\";\n position: absolute;\n z-index: -1;\n\n top: -60%;\n left: -20%;\n\n width: 38%;\n height: 220%;\n\n transform: rotate(18deg);\n\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(255, 255, 255, 0.6),\n transparent\n );\n\n animation:\n dewbrushShimmer 8s ease-in-out infinite;\n\n pointer-events: none;\n }\n\n .dewbrush-content {\n position: relative;\n z-index: 2;\n\n width: 100%;\n max-width: 100%;\n min-width: 0;\n }\n\n .dewbrush-glow {\n position: absolute;\n z-index: 0;\n\n border-radius: 999px;\n\n filter: blur(2px);\n\n pointer-events: none;\n }\n\n .dewbrush-glow-one {\n top: -110px;\n right: -70px;\n\n width: clamp(230px, 30vw, 280px);\n height: clamp(230px, 30vw, 280px);\n\n background: rgba(173, 204, 229, 0.25);\n\n animation:\n dewbrushFloatOne 8s ease-in-out infinite;\n }\n\n .dewbrush-glow-two {\n bottom: -130px;\n left: -90px;\n\n width: clamp(270px, 34vw, 330px);\n height: clamp(270px, 34vw, 330px);\n\n background: rgba(201, 179, 157, 0.18);\n\n animation:\n dewbrushFloatTwo 10s ease-in-out infinite;\n }\n\n .dewbrush-badge {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n\n max-width: 100%;\n\n margin:\n 0\n 0\n 24px;\n\n padding:\n 10px\n 16px;\n\n border: 1px solid rgba(23, 62, 108, 0.12);\n border-radius: 999px;\n\n background: rgba(255, 255, 255, 0.65);\n\n box-shadow:\n 0 8px 24px rgba(23, 62, 108, 0.06);\n\n color: var(--db-navy);\n\n font-size: clamp(9px, 1vw, 11px);\n font-weight: 700;\n line-height: 1.4;\n letter-spacing: 0.18em;\n\n text-align: center;\n text-transform: uppercase;\n\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n\n animation:\n dewbrushFadeUp 0.8s ease both;\n }\n\n .dewbrush-badge strong {\n color: inherit;\n font: inherit;\n }\n\n .dewbrush-badge \u003e span {\n width: 7px;\n height: 7px;\n flex: 0 0 7px;\n\n border-radius: 50%;\n\n background: var(--db-champagne);\n\n box-shadow:\n 0 0 0 5px rgba(201, 179, 157, 0.15);\n\n animation:\n dewbrushPulse 2.4s ease-in-out infinite;\n }\n\n .dewbrush-premium h2 {\n width: 100%;\n max-width: 820px;\n\n margin: 0;\n\n color: var(--db-deep-navy);\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size: clamp(38px, 5.8vw, 72px);\n font-weight: 400;\n line-height: 1.02;\n letter-spacing: -0.045em;\n\n text-wrap: balance;\n\n animation:\n dewbrushFadeUp 0.9s 0.08s ease both;\n }\n\n .dewbrush-premium h2 \u003e span {\n display: block;\n\n margin-top: 8px;\n\n color: var(--db-navy);\n\n font-style: italic;\n }\n\n .dewbrush-intro {\n width: 100%;\n max-width: 840px;\n\n margin:\n 30px\n 0\n 0;\n\n color: var(--db-muted);\n\n font-size: clamp(16px, 1.7vw, 19px);\n line-height: 1.85;\n\n text-wrap: pretty;\n\n animation:\n dewbrushFadeUp 0.9s 0.16s ease both;\n }\n\n .dewbrush-intro strong {\n color: var(--db-navy);\n font-weight: 700;\n }\n\n .dewbrush-statement {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n\n gap:\n 10px\n 14px;\n\n width: 100%;\n max-width: 100%;\n\n margin:\n 36px\n 0;\n\n color: var(--db-navy);\n\n font-size: clamp(17px, 2.2vw, 22px);\n font-weight: 500;\n line-height: 1.4;\n letter-spacing: 0.02em;\n\n animation:\n dewbrushFadeUp 0.9s 0.24s ease both;\n }\n\n .dewbrush-statement span,\n .dewbrush-statement strong {\n position: relative;\n\n padding:\n 8px\n 0;\n }\n\n .dewbrush-statement span::after {\n content: \"•\";\n\n margin-left: 14px;\n\n color: var(--db-champagne);\n }\n\n .dewbrush-statement strong {\n color: var(--db-deep-navy);\n font-weight: 800;\n }\n\n .dewbrush-features {\n display: grid;\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n\n gap: 16px;\n\n width: 100%;\n max-width: 100%;\n min-width: 0;\n\n margin-top: 12px;\n }\n\n .dewbrush-feature {\n position: relative;\n\n display: grid;\n grid-template-columns:\n 54px\n minmax(0, 1fr);\n\n align-items: start;\n gap: 16px;\n\n width: 100%;\n max-width: 100%;\n min-width: 0;\n min-height: 135px;\n\n padding: 24px;\n\n overflow: hidden;\n\n border: 1px solid rgba(23, 62, 108, 0.09);\n border-radius: 22px;\n\n background: rgba(255, 255, 255, 0.68);\n\n box-shadow:\n 0 14px 34px rgba(23, 62, 108, 0.055);\n\n backdrop-filter: blur(14px);\n -webkit-backdrop-filter: blur(14px);\n\n opacity: 0;\n transform: translateY(24px);\n\n animation:\n dewbrushFeatureIn 0.75s ease forwards;\n\n transition:\n transform 0.4s ease,\n border-color 0.4s ease,\n box-shadow 0.4s ease;\n }\n\n .dewbrush-feature:nth-child(1) {\n animation-delay: 0.32s;\n }\n\n .dewbrush-feature:nth-child(2) {\n animation-delay: 0.4s;\n }\n\n .dewbrush-feature:nth-child(3) {\n animation-delay: 0.48s;\n }\n\n .dewbrush-feature:nth-child(4) {\n animation-delay: 0.56s;\n }\n\n .dewbrush-feature:nth-child(5) {\n animation-delay: 0.64s;\n }\n\n .dewbrush-feature-wide {\n grid-column: 1 \/ -1;\n }\n\n .dewbrush-feature::before {\n content: \"\";\n position: absolute;\n\n top: 0;\n left: -120%;\n\n width: 80%;\n height: 100%;\n\n transform: skewX(-18deg);\n\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(255, 255, 255, 0.72),\n transparent\n );\n\n transition:\n left 0.7s ease;\n\n pointer-events: none;\n }\n\n .dewbrush-icon {\n display: grid;\n place-items: center;\n\n width: 54px;\n height: 54px;\n flex: 0 0 54px;\n\n border: 1px solid rgba(201, 179, 157, 0.35);\n border-radius: 18px;\n\n background: linear-gradient(\n 145deg,\n rgba(250, 248, 245, 1),\n rgba(229, 238, 247, 0.8)\n );\n\n box-shadow:\n inset 0 1px 0 rgba(255, 255, 255, 0.9),\n 0 8px 18px rgba(23, 62, 108, 0.07);\n\n transition:\n transform 0.4s ease,\n background 0.4s ease;\n }\n\n .dewbrush-icon svg {\n display: block;\n\n width: 25px;\n height: 25px;\n\n fill: none;\n stroke: var(--db-navy);\n stroke-width: 1.55;\n stroke-linecap: round;\n stroke-linejoin: round;\n }\n\n .dewbrush-feature-copy {\n min-width: 0;\n }\n\n .dewbrush-feature h3 {\n margin:\n 2px\n 0\n 8px;\n\n color: var(--db-deep-navy);\n\n font-size: clamp(16px, 1.6vw, 18px);\n font-weight: 750;\n line-height: 1.25;\n\n text-wrap: balance;\n }\n\n .dewbrush-feature p {\n margin: 0;\n\n color: var(--db-muted);\n\n font-size: 14px;\n line-height: 1.65;\n\n text-wrap: pretty;\n }\n\n .dewbrush-colours {\n width: 100%;\n max-width: 100%;\n min-width: 0;\n\n margin-top: 30px;\n\n padding:\n 26px\n 28px;\n\n border: 1px solid rgba(201, 179, 157, 0.35);\n border-radius: 22px;\n\n background: linear-gradient(\n 135deg,\n rgba(23, 62, 108, 0.96),\n rgba(13, 41, 72, 0.98)\n );\n\n box-shadow:\n 0 22px 48px rgba(23, 62, 108, 0.18);\n\n animation:\n dewbrushFadeUp 0.9s 0.72s ease both;\n }\n\n .dewbrush-colours-label {\n margin:\n 0\n 0\n 18px;\n\n color: rgba(255, 255, 255, 0.65);\n\n font-size: 11px;\n font-weight: 700;\n line-height: 1.5;\n letter-spacing: 0.2em;\n\n text-transform: uppercase;\n }\n\n .dewbrush-colour-list {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n\n width: 100%;\n max-width: 100%;\n }\n\n .dewbrush-colour {\n display: inline-flex;\n align-items: center;\n justify-content: flex-start;\n gap: 10px;\n\n max-width: 100%;\n\n padding:\n 10px\n 14px;\n\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 999px;\n\n background: rgba(255, 255, 255, 0.08);\n\n color: #ffffff;\n\n font-size: 13px;\n line-height: 1.4;\n\n transition:\n transform 0.3s ease,\n background 0.3s ease;\n }\n\n .dewbrush-swatch {\n display: block;\n\n width: 14px;\n height: 14px;\n flex: 0 0 14px;\n\n border: 2px solid rgba(255, 255, 255, 0.45);\n border-radius: 50%;\n\n box-shadow:\n 0 0 0 3px rgba(255, 255, 255, 0.06);\n }\n\n .dewbrush-black {\n background: #17191d;\n }\n\n .dewbrush-pink {\n background: #efcbd4;\n }\n\n .dewbrush-blue {\n background: #a9cee7;\n }\n\n .dewbrush-purple {\n background: #a996cc;\n }\n\n .dewbrush-closing {\n width: 100%;\n max-width: 100%;\n\n margin-top: 38px;\n\n color: var(--db-deep-navy);\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size: clamp(25px, 4vw, 38px);\n line-height: 1.25;\n\n text-align: center;\n text-wrap: balance;\n\n animation:\n dewbrushFadeUp 0.9s 0.8s ease both;\n }\n\n .dewbrush-closing span {\n color: var(--db-navy);\n font-style: italic;\n }\n\n @media (hover: hover) and (pointer: fine) {\n .dewbrush-feature:hover {\n transform: translateY(-6px);\n\n border-color: rgba(201, 179, 157, 0.55);\n\n box-shadow:\n 0 22px 46px rgba(23, 62, 108, 0.1);\n }\n\n .dewbrush-feature:hover::before {\n left: 140%;\n }\n\n .dewbrush-feature:hover .dewbrush-icon {\n transform:\n rotate(-4deg)\n scale(1.06);\n\n background: linear-gradient(\n 145deg,\n rgba(239, 244, 249, 1),\n rgba(250, 248, 245, 1)\n );\n }\n\n .dewbrush-colour:hover {\n transform: translateY(-3px);\n\n background: rgba(255, 255, 255, 0.14);\n }\n }\n\n @keyframes dewbrushFadeUp {\n from {\n opacity: 0;\n transform: translateY(22px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes dewbrushFeatureIn {\n from {\n opacity: 0;\n transform: translateY(24px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes dewbrushPulse {\n 0%,\n 100% {\n transform: scale(1);\n\n box-shadow:\n 0 0 0 5px rgba(201, 179, 157, 0.15);\n }\n\n 50% {\n transform: scale(1.15);\n\n box-shadow:\n 0 0 0 8px rgba(201, 179, 157, 0.06);\n }\n }\n\n @keyframes dewbrushShimmer {\n 0%,\n 18% {\n transform:\n translateX(-80%)\n rotate(18deg);\n\n opacity: 0;\n }\n\n 38% {\n opacity: 1;\n }\n\n 60%,\n 100% {\n transform:\n translateX(420%)\n rotate(18deg);\n\n opacity: 0;\n }\n }\n\n @keyframes dewbrushFloatOne {\n 0%,\n 100% {\n transform:\n translate3d(0, 0, 0)\n scale(1);\n }\n\n 50% {\n transform:\n translate3d(-24px, 28px, 0)\n scale(1.08);\n }\n }\n\n @keyframes dewbrushFloatTwo {\n 0%,\n 100% {\n transform:\n translate3d(0, 0, 0)\n scale(1);\n }\n\n 50% {\n transform:\n translate3d(28px, -22px, 0)\n scale(1.06);\n }\n }\n\n \/*\n FULL-WIDTH DESKTOP SECTION\n *\/\n\n @container dewBrush (min-width: 901px) {\n .dewbrush-premium {\n padding:\n clamp(48px, 6vw, 82px);\n }\n\n .dewbrush-features {\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n }\n\n .dewbrush-feature {\n min-height: 135px;\n }\n\n .dewbrush-feature-wide {\n grid-column: 1 \/ -1;\n }\n }\n\n \/*\n NARROW SHOPIFY DESKTOP SECTION\n OR TABLET CONTAINER\n *\/\n\n @container dewBrush (min-width: 561px) and (max-width: 900px) {\n .dewbrush-section {\n padding:\n 64px\n 20px;\n }\n\n .dewbrush-premium {\n max-width: 760px;\n\n padding:\n 48px\n 34px;\n\n border-radius: 28px;\n }\n\n .dewbrush-premium::before {\n inset: 10px;\n\n border-radius: 20px;\n }\n\n .dewbrush-premium h2 {\n font-size: clamp(43px, 8cqw, 60px);\n }\n\n .dewbrush-intro {\n max-width: 680px;\n }\n\n .dewbrush-features {\n grid-template-columns:\n minmax(0, 1fr);\n }\n\n .dewbrush-feature,\n .dewbrush-feature-wide {\n grid-column: auto;\n\n min-height: auto;\n }\n\n .dewbrush-colour-list {\n display: grid;\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n }\n\n .dewbrush-colour {\n width: 100%;\n }\n }\n\n \/*\n MOBILE OR VERY NARROW PRODUCT COLUMN\n *\/\n\n @container dewBrush (max-width: 560px) {\n .dewbrush-section {\n padding:\n 48px\n 13px;\n }\n\n .dewbrush-premium {\n padding:\n 34px\n 20px;\n\n border-radius: 23px;\n }\n\n .dewbrush-premium::before {\n inset: 8px;\n\n border-radius: 17px;\n }\n\n .dewbrush-badge {\n gap: 8px;\n\n margin-bottom: 20px;\n\n padding:\n 8px\n 12px;\n\n font-size: 9px;\n letter-spacing: 0.13em;\n }\n\n .dewbrush-badge \u003e span {\n width: 6px;\n height: 6px;\n flex-basis: 6px;\n }\n\n .dewbrush-premium h2 {\n font-size: clamp(36px, 10.5cqw, 47px);\n line-height: 1.04;\n letter-spacing: -0.038em;\n }\n\n .dewbrush-premium h2 \u003e span {\n margin-top: 7px;\n }\n\n .dewbrush-intro {\n margin-top: 24px;\n\n font-size: 15px;\n line-height: 1.72;\n }\n\n .dewbrush-statement {\n gap:\n 2px\n 9px;\n\n margin:\n 28px\n 0;\n\n font-size: clamp(16px, 5cqw, 20px);\n }\n\n .dewbrush-statement span::after {\n margin-left: 9px;\n }\n\n .dewbrush-features {\n grid-template-columns:\n minmax(0, 1fr);\n\n gap: 13px;\n }\n\n .dewbrush-feature,\n .dewbrush-feature-wide {\n grid-column: auto;\n\n grid-template-columns:\n 46px\n minmax(0, 1fr);\n\n gap: 13px;\n\n min-height: auto;\n\n padding:\n 20px\n 18px;\n\n border-radius: 19px;\n }\n\n .dewbrush-icon {\n width: 46px;\n height: 46px;\n flex-basis: 46px;\n\n border-radius: 15px;\n }\n\n .dewbrush-icon svg {\n width: 22px;\n height: 22px;\n }\n\n .dewbrush-feature h3 {\n font-size: 17px;\n }\n\n .dewbrush-feature p {\n font-size: 13px;\n line-height: 1.62;\n }\n\n .dewbrush-colours {\n margin-top: 22px;\n\n padding:\n 22px\n 18px;\n\n border-radius: 19px;\n }\n\n .dewbrush-colours-label {\n margin-bottom: 15px;\n\n font-size: 9px;\n letter-spacing: 0.15em;\n }\n\n .dewbrush-colour-list {\n display: grid;\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n\n gap: 9px;\n }\n\n .dewbrush-colour {\n width: 100%;\n\n padding:\n 10px\n 11px;\n\n font-size: 12px;\n }\n\n .dewbrush-closing {\n margin-top: 31px;\n\n font-size: clamp(24px, 7cqw, 31px);\n line-height: 1.28;\n }\n\n .dewbrush-glow {\n filter: blur(2px);\n }\n }\n\n \/*\n EXTRA-SMALL MOBILE\n *\/\n\n @container dewBrush (max-width: 390px) {\n .dewbrush-section {\n padding:\n 44px\n 10px;\n }\n\n .dewbrush-premium {\n padding:\n 30px\n 16px;\n\n border-radius: 20px;\n }\n\n .dewbrush-premium::before {\n inset: 7px;\n\n border-radius: 15px;\n }\n\n .dewbrush-badge {\n font-size: 8px;\n letter-spacing: 0.09em;\n }\n\n .dewbrush-premium h2 {\n font-size: 35px;\n }\n\n .dewbrush-intro {\n font-size: 14px;\n }\n\n .dewbrush-statement {\n font-size: 16px;\n }\n\n .dewbrush-feature,\n .dewbrush-feature-wide {\n grid-template-columns:\n 42px\n minmax(0, 1fr);\n\n padding:\n 18px\n 15px;\n }\n\n .dewbrush-icon {\n width: 42px;\n height: 42px;\n flex-basis: 42px;\n }\n\n .dewbrush-feature h3 {\n font-size: 16px;\n }\n\n .dewbrush-feature p {\n font-size: 12px;\n }\n\n .dewbrush-colours {\n padding:\n 20px\n 15px;\n }\n\n .dewbrush-colour-list {\n grid-template-columns:\n minmax(0, 1fr);\n }\n\n .dewbrush-closing {\n font-size: 24px;\n }\n }\n\n \/*\n STANDARD VIEWPORT FALLBACKS\n *\/\n\n @media screen and (max-width: 900px) {\n .dewbrush-features {\n grid-template-columns:\n minmax(0, 1fr);\n }\n\n .dewbrush-feature,\n .dewbrush-feature-wide {\n grid-column: auto;\n min-height: auto;\n }\n }\n\n @media screen and (max-width: 749px) {\n .dewbrush-section {\n padding:\n 52px\n 14px;\n }\n\n .dewbrush-premium {\n padding:\n 38px\n 22px;\n\n border-radius: 25px;\n }\n\n .dewbrush-premium::before {\n inset: 9px;\n\n border-radius: 18px;\n }\n\n .dewbrush-colour-list {\n display: grid;\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n }\n\n .dewbrush-colour {\n width: 100%;\n }\n }\n\n @media screen and (max-width: 480px) {\n .dewbrush-section {\n padding:\n 46px\n 12px;\n }\n\n .dewbrush-premium {\n padding:\n 32px\n 18px;\n\n border-radius: 21px;\n }\n\n .dewbrush-premium h2 {\n font-size: clamp(35px, 10.5vw, 42px);\n }\n\n .dewbrush-feature {\n grid-template-columns:\n 46px\n minmax(0, 1fr);\n\n gap: 13px;\n }\n\n .dewbrush-icon {\n width: 46px;\n height: 46px;\n\n border-radius: 15px;\n }\n\n .dewbrush-colours {\n padding:\n 21px\n 17px;\n }\n }\n\n \/*\n FALLBACK FOR BROWSERS WITHOUT\n CONTAINER QUERY SUPPORT\n *\/\n\n @supports not (container-type: inline-size) {\n @media screen and (max-width: 1000px) {\n .dewbrush-features {\n grid-template-columns:\n minmax(0, 1fr);\n }\n\n .dewbrush-feature,\n .dewbrush-feature-wide {\n grid-column: auto;\n min-height: auto;\n }\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .dewbrush-section *,\n .dewbrush-section *::before,\n .dewbrush-section *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n scroll-behavior: auto !important;\n transition-duration: 0.01ms !important;\n }\n\n .dewbrush-badge,\n .dewbrush-premium h2,\n .dewbrush-intro,\n .dewbrush-statement,\n .dewbrush-feature,\n .dewbrush-colours,\n .dewbrush-closing {\n opacity: 1;\n transform: none;\n }\n }\n\u003c\/style\u003e","brand":"Fearless Grace","offers":[{"title":"Black","offer_id":45944983093331,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":true},{"title":"Blue","offer_id":45944983126099,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":true},{"title":"Pink","offer_id":45944983158867,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":true},{"title":"Purple","offer_id":45944983191635,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0726\/0982\/4851\/files\/ChatGPTImageJul23_2026at10_08_27AM.png?v=1784795533"},{"product_id":"velvetguard-silicone-heat-protection-styling-set","title":"VelvetGuard – Silicone Heat Protection Styling Set","description":"\u003c!-- VelvetGuard Silicone Heat Protection Styling Set | Shopify Responsive Section --\u003e\n\u003csection class=\"fg-velvetguard\"\u003e\n \u003cdiv class=\"fg-velvetguard__orb fg-velvetguard__orb--one\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"fg-velvetguard__orb fg-velvetguard__orb--two\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"fg-velvetguard__container\"\u003e\n\n \u003cheader class=\"fg-velvetguard__header\"\u003e\n \u003cspan class=\"fg-velvetguard__label\"\u003e\n VelvetGuard Styling Set\n \u003c\/span\u003e\n\n \u003ch2 class=\"fg-velvetguard__title\"\u003e\n Style Freely.\n \u003cspan\u003eProtect Everything.\u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp class=\"fg-velvetguard__description\"\u003e\n The VelvetGuard Silicone Heat Protection Styling Set keeps styling\n safe and effortless. The clever 2-in-1 silicone mat protects your\n surfaces when flat and rolls into a barrel sleeve to shield your hot\n tool between sections. Paired with the textured sectioning comb, it\n gives you smooth, precise styling every time.\n \u003c\/p\u003e\n\n \u003cp class=\"fg-velvetguard__statement\"\u003e\n Two tools. One seamless routine. Zero burns.\n \u003c\/p\u003e\n \u003c\/header\u003e\n\n \u003cdiv class=\"fg-velvetguard__grid\"\u003e\n\n \u003carticle class=\"fg-velvetguard__card\"\u003e\n \u003cspan class=\"fg-velvetguard__number\"\u003e01\u003c\/span\u003e\n\n \u003cdiv class=\"fg-velvetguard__card-content\"\u003e\n \u003ch3\u003eHeat-Resistant Protection\u003c\/h3\u003e\n\n \u003cp\u003e\n Heat-resistant mat protects surfaces from hot tools.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"fg-velvetguard__card\"\u003e\n \u003cspan class=\"fg-velvetguard__number\"\u003e02\u003c\/span\u003e\n\n \u003cdiv class=\"fg-velvetguard__card-content\"\u003e\n \u003ch3\u003e2-in-1 Design\u003c\/h3\u003e\n\n \u003cp\u003e\n The mat rolls into a protective barrel sleeve.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"fg-velvetguard__card\"\u003e\n \u003cspan class=\"fg-velvetguard__number\"\u003e03\u003c\/span\u003e\n\n \u003cdiv class=\"fg-velvetguard__card-content\"\u003e\n \u003ch3\u003ePrecise Sectioning\u003c\/h3\u003e\n\n \u003cp\u003e\n Sectioning comb for clean, precise styling.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"fg-velvetguard__card\"\u003e\n \u003cspan class=\"fg-velvetguard__number\"\u003e04\u003c\/span\u003e\n\n \u003cdiv class=\"fg-velvetguard__card-content\"\u003e\n \u003ch3\u003eTravel-Friendly\u003c\/h3\u003e\n\n \u003cp\u003e\n Foldable, lightweight, and travel-friendly.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"fg-velvetguard__card\"\u003e\n \u003cspan class=\"fg-velvetguard__number\"\u003e05\u003c\/span\u003e\n\n \u003cdiv class=\"fg-velvetguard__card-content\"\u003e\n \u003ch3\u003eStyling Tool Compatible\u003c\/h3\u003e\n\n \u003cp\u003e\n Compatible with straighteners, curling wands, and tongs.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"fg-velvetguard__card\"\u003e\n \u003cspan class=\"fg-velvetguard__number\"\u003e06\u003c\/span\u003e\n\n \u003cdiv class=\"fg-velvetguard__card-content\"\u003e\n \u003ch3\u003eElegant Blush Finish\u003c\/h3\u003e\n\n \u003cp\u003e\n Finished in an elegant, vanity-worthy blush pink.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003cfooter class=\"fg-velvetguard__footer\"\u003e\n \u003cspan\u003eHot tools.\u003c\/span\u003e\n \u003cspan\u003eCool confidence.\u003c\/span\u003e\n \u003cstrong\u003eZero burns.\u003c\/strong\u003e\n \u003c\/footer\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n .fg-velvetguard {\n --vg-navy: #173e6c;\n --vg-deep-navy: #0d2949;\n --vg-blush: #dfaeb5;\n --vg-soft-blush: #f4e1e3;\n --vg-pale-blush: #fcf4f4;\n --vg-champagne: #c9b39d;\n --vg-ivory: #faf8f5;\n --vg-white: #ffffff;\n --vg-text: #35495e;\n --vg-muted: rgba(53, 73, 94, 0.74);\n\n position: relative;\n isolation: isolate;\n overflow: hidden;\n\n width: 100%;\n max-width: 100%;\n min-width: 0;\n\n padding:\n clamp(68px, 8vw, 124px)\n clamp(16px, 3vw, 28px);\n\n background:\n radial-gradient(\n circle at 8% 10%,\n rgba(223, 174, 181, 0.3),\n transparent 30%\n ),\n radial-gradient(\n circle at 92% 90%,\n rgba(201, 179, 157, 0.22),\n transparent 32%\n ),\n linear-gradient(\n 145deg,\n var(--vg-ivory) 0%,\n #ffffff 50%,\n var(--vg-pale-blush) 100%\n );\n\n color: var(--vg-text);\n\n font-family:\n Arial,\n Helvetica,\n sans-serif;\n\n container-type: inline-size;\n container-name: velvetGuard;\n }\n\n .fg-velvetguard,\n .fg-velvetguard *,\n .fg-velvetguard *::before,\n .fg-velvetguard *::after {\n box-sizing: border-box;\n }\n\n .fg-velvetguard h2,\n .fg-velvetguard h3,\n .fg-velvetguard p {\n padding: 0;\n }\n\n .fg-velvetguard h2,\n .fg-velvetguard h3,\n .fg-velvetguard p,\n .fg-velvetguard span,\n .fg-velvetguard strong,\n .fg-velvetguard div,\n .fg-velvetguard article,\n .fg-velvetguard header,\n .fg-velvetguard footer {\n min-width: 0;\n max-width: 100%;\n word-break: normal;\n overflow-wrap: break-word;\n }\n\n .fg-velvetguard__container {\n position: relative;\n z-index: 2;\n\n width: 100%;\n max-width: 1120px;\n min-width: 0;\n\n margin: 0 auto;\n }\n\n .fg-velvetguard__orb {\n position: absolute;\n z-index: 0;\n\n width: clamp(280px, 36vw, 390px);\n height: clamp(280px, 36vw, 390px);\n\n border-radius: 50%;\n\n filter: blur(30px);\n\n pointer-events: none;\n\n animation:\n fgVelvetguardFloat 9s ease-in-out infinite;\n }\n\n .fg-velvetguard__orb--one {\n top: -230px;\n right: -130px;\n\n background: rgba(223, 174, 181, 0.45);\n }\n\n .fg-velvetguard__orb--two {\n bottom: -240px;\n left: -140px;\n\n background: rgba(23, 62, 108, 0.12);\n\n animation-delay: -4.5s;\n }\n\n .fg-velvetguard__header {\n width: 100%;\n max-width: 850px;\n min-width: 0;\n\n margin:\n 0 auto\n clamp(44px, 6vw, 58px);\n\n text-align: center;\n\n animation:\n fgVelvetguardReveal 0.9s ease both;\n }\n\n .fg-velvetguard__label {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n\n max-width: 100%;\n\n margin:\n 0 auto\n 22px;\n\n padding:\n 10px\n 18px;\n\n border: 1px solid rgba(23, 62, 108, 0.14);\n border-radius: 999px;\n\n background: rgba(255, 255, 255, 0.75);\n\n box-shadow:\n 0 10px 35px rgba(23, 62, 108, 0.07);\n\n color: var(--vg-navy);\n\n font-size: clamp(9px, 1vw, 12px);\n font-weight: 700;\n line-height: 1.4;\n letter-spacing: 0.18em;\n\n text-align: center;\n text-transform: uppercase;\n\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n\n animation:\n fgVelvetguardGlow 4s ease-in-out infinite;\n }\n\n .fg-velvetguard__title {\n width: 100%;\n max-width: 100%;\n\n margin: 0;\n\n color: var(--vg-deep-navy);\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size: clamp(45px, 6.5vw, 84px);\n font-weight: 400;\n line-height: 0.98;\n letter-spacing: -0.045em;\n\n text-wrap: balance;\n }\n\n .fg-velvetguard__title span {\n display: block;\n\n margin-top: 8px;\n\n color: var(--vg-blush);\n\n font-style: italic;\n }\n\n .fg-velvetguard__description {\n width: 100%;\n max-width: 810px;\n\n margin:\n 30px auto 0;\n\n color: rgba(53, 73, 94, 0.82);\n\n font-size: clamp(16px, 1.7vw, 19px);\n line-height: 1.8;\n\n text-wrap: pretty;\n }\n\n .fg-velvetguard__statement {\n position: relative;\n\n display: inline-block;\n\n max-width: 100%;\n\n margin:\n 28px auto 0;\n\n padding-bottom: 10px;\n\n color: var(--vg-navy);\n\n font-size: 15px;\n font-weight: 700;\n line-height: 1.5;\n letter-spacing: 0.04em;\n\n text-wrap: balance;\n }\n\n .fg-velvetguard__statement::after {\n content: \"\";\n position: absolute;\n\n right: 0;\n bottom: 0;\n left: 0;\n\n height: 1px;\n\n background: linear-gradient(\n 90deg,\n transparent,\n var(--vg-champagne),\n transparent\n );\n\n animation:\n fgVelvetguardLine 3s ease-in-out infinite;\n }\n\n .fg-velvetguard__grid {\n display: grid;\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n\n gap: 18px;\n\n width: 100%;\n max-width: 100%;\n min-width: 0;\n }\n\n .fg-velvetguard__card {\n position: relative;\n\n display: flex;\n align-items: flex-start;\n gap: 20px;\n\n width: 100%;\n max-width: 100%;\n min-width: 0;\n min-height: 154px;\n\n padding: 28px;\n\n overflow: hidden;\n\n border: 1px solid rgba(23, 62, 108, 0.1);\n border-radius: 26px;\n\n background: rgba(255, 255, 255, 0.78);\n\n box-shadow:\n 0 20px 55px rgba(23, 62, 108, 0.075);\n\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n\n transition:\n transform 0.4s ease,\n border-color 0.4s ease,\n box-shadow 0.4s ease;\n\n animation:\n fgVelvetguardReveal 0.8s ease both;\n }\n\n .fg-velvetguard__card:nth-child(1) {\n animation-delay: 0.1s;\n }\n\n .fg-velvetguard__card:nth-child(2) {\n animation-delay: 0.2s;\n }\n\n .fg-velvetguard__card:nth-child(3) {\n animation-delay: 0.3s;\n }\n\n .fg-velvetguard__card:nth-child(4) {\n animation-delay: 0.4s;\n }\n\n .fg-velvetguard__card:nth-child(5) {\n animation-delay: 0.5s;\n }\n\n .fg-velvetguard__card:nth-child(6) {\n animation-delay: 0.6s;\n }\n\n .fg-velvetguard__card::before {\n content: \"\";\n position: absolute;\n\n top: -90%;\n left: -60%;\n\n width: 55%;\n height: 280%;\n\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(255, 255, 255, 0.75),\n transparent\n );\n\n transform: rotate(22deg);\n\n transition:\n left 0.75s ease;\n\n pointer-events: none;\n }\n\n .fg-velvetguard__number {\n position: relative;\n z-index: 1;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 56px;\n height: 56px;\n flex: 0 0 56px;\n\n border-radius: 18px;\n\n background: linear-gradient(\n 145deg,\n var(--vg-soft-blush),\n #ffffff\n );\n\n box-shadow:\n inset 0 0 0 1px rgba(223, 174, 181, 0.35);\n\n color: var(--vg-navy);\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size: 16px;\n font-style: italic;\n line-height: 1;\n\n transition:\n transform 0.4s ease,\n background 0.4s ease;\n }\n\n .fg-velvetguard__card-content {\n position: relative;\n z-index: 1;\n\n flex: 1 1 auto;\n\n min-width: 0;\n }\n\n .fg-velvetguard__card h3 {\n margin:\n 4px\n 0\n 10px;\n\n color: var(--vg-deep-navy);\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size: clamp(20px, 1.9vw, 22px);\n font-weight: 400;\n line-height: 1.25;\n\n text-wrap: balance;\n }\n\n .fg-velvetguard__card p {\n margin: 0;\n\n color: var(--vg-muted);\n\n font-size: 15px;\n line-height: 1.7;\n\n text-wrap: pretty;\n }\n\n .fg-velvetguard__footer {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n\n gap: 9px;\n\n width: 100%;\n max-width: 100%;\n\n margin-top:\n clamp(46px, 6vw, 58px);\n\n color: var(--vg-deep-navy);\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size: clamp(25px, 3.5vw, 41px);\n line-height: 1.2;\n\n text-align: center;\n text-wrap: balance;\n\n animation:\n fgVelvetguardReveal 0.9s 0.7s ease both;\n }\n\n .fg-velvetguard__footer strong {\n color: var(--vg-blush);\n\n font-style: italic;\n font-weight: 400;\n\n animation:\n fgVelvetguardTextGlow 3s ease-in-out infinite;\n }\n\n @media (hover: hover) and (pointer: fine) {\n .fg-velvetguard__card:hover {\n transform: translateY(-7px);\n\n border-color: rgba(223, 174, 181, 0.55);\n\n box-shadow:\n 0 28px 65px rgba(23, 62, 108, 0.13);\n }\n\n .fg-velvetguard__card:hover::before {\n left: 125%;\n }\n\n .fg-velvetguard__card:hover .fg-velvetguard__number {\n transform:\n rotate(-5deg)\n scale(1.08);\n\n background: linear-gradient(\n 145deg,\n var(--vg-blush),\n var(--vg-soft-blush)\n );\n }\n }\n\n @keyframes fgVelvetguardReveal {\n from {\n opacity: 0;\n transform: translateY(28px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes fgVelvetguardFloat {\n 0%,\n 100% {\n transform:\n translate3d(0, 0, 0)\n scale(1);\n }\n\n 50% {\n transform:\n translate3d(0, 24px, 0)\n scale(1.06);\n }\n }\n\n @keyframes fgVelvetguardGlow {\n 0%,\n 100% {\n box-shadow:\n 0 10px 35px rgba(23, 62, 108, 0.07);\n }\n\n 50% {\n box-shadow:\n 0 12px 35px rgba(223, 174, 181, 0.28);\n }\n }\n\n @keyframes fgVelvetguardLine {\n 0%,\n 100% {\n opacity: 0.45;\n transform: scaleX(0.55);\n }\n\n 50% {\n opacity: 1;\n transform: scaleX(1);\n }\n }\n\n @keyframes fgVelvetguardTextGlow {\n 0%,\n 100% {\n text-shadow:\n 0 0 0 rgba(223, 174, 181, 0);\n }\n\n 50% {\n text-shadow:\n 0 8px 24px rgba(223, 174, 181, 0.32);\n }\n }\n\n \/*\n FULL-WIDTH DESKTOP SECTION\n *\/\n\n @container velvetGuard (min-width: 901px) {\n .fg-velvetguard__grid {\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n }\n\n .fg-velvetguard__card {\n min-height: 154px;\n }\n }\n\n \/*\n NARROW SHOPIFY DESKTOP SECTION\n OR TABLET CONTAINER\n *\/\n\n @container velvetGuard (min-width: 561px) and (max-width: 900px) {\n .fg-velvetguard {\n padding:\n 68px\n 20px;\n }\n\n .fg-velvetguard__container {\n max-width: 760px;\n }\n\n .fg-velvetguard__header {\n max-width: 720px;\n\n margin-bottom: 46px;\n }\n\n .fg-velvetguard__title {\n font-size: clamp(44px, 8cqw, 62px);\n line-height: 1.01;\n }\n\n .fg-velvetguard__description {\n max-width: 680px;\n }\n\n .fg-velvetguard__grid {\n grid-template-columns:\n minmax(0, 1fr);\n\n max-width: 720px;\n\n margin-right: auto;\n margin-left: auto;\n }\n\n .fg-velvetguard__card {\n min-height: auto;\n }\n }\n\n \/*\n MOBILE OR VERY NARROW PRODUCT COLUMN\n *\/\n\n @container velvetGuard (max-width: 560px) {\n .fg-velvetguard {\n padding:\n 54px\n 15px;\n }\n\n .fg-velvetguard__header {\n margin-bottom: 38px;\n }\n\n .fg-velvetguard__label {\n margin-bottom: 19px;\n\n padding:\n 8px\n 13px;\n\n font-size: 9px;\n letter-spacing: 0.13em;\n }\n\n .fg-velvetguard__title {\n font-size: clamp(37px, 10.5cqw, 47px);\n line-height: 1.03;\n letter-spacing: -0.037em;\n }\n\n .fg-velvetguard__title span {\n margin-top: 7px;\n }\n\n .fg-velvetguard__description {\n margin-top: 24px;\n\n font-size: 15px;\n line-height: 1.72;\n }\n\n .fg-velvetguard__statement {\n margin-top: 24px;\n\n font-size: 13px;\n line-height: 1.45;\n }\n\n .fg-velvetguard__grid {\n grid-template-columns:\n minmax(0, 1fr);\n\n gap: 14px;\n }\n\n .fg-velvetguard__card {\n gap: 15px;\n\n min-height: auto;\n\n padding:\n 23px\n 21px;\n\n border-radius: 21px;\n }\n\n .fg-velvetguard__number {\n width: 48px;\n height: 48px;\n flex-basis: 48px;\n\n border-radius: 15px;\n\n font-size: 14px;\n }\n\n .fg-velvetguard__card h3 {\n font-size: 20px;\n }\n\n .fg-velvetguard__card p {\n font-size: 14px;\n line-height: 1.68;\n }\n\n .fg-velvetguard__footer {\n flex-direction: column;\n\n gap: 3px;\n\n margin-top: 42px;\n\n font-size: clamp(25px, 7.5cqw, 34px);\n line-height: 1.18;\n }\n\n .fg-velvetguard__orb {\n filter: blur(24px);\n }\n }\n\n \/*\n EXTRA-SMALL MOBILE\n *\/\n\n @container velvetGuard (max-width: 390px) {\n .fg-velvetguard {\n padding:\n 49px\n 12px;\n }\n\n .fg-velvetguard__label {\n font-size: 8px;\n letter-spacing: 0.09em;\n }\n\n .fg-velvetguard__title {\n font-size: 35px;\n }\n\n .fg-velvetguard__description {\n font-size: 14px;\n }\n\n .fg-velvetguard__card {\n gap: 13px;\n\n padding:\n 21px\n 18px;\n }\n\n .fg-velvetguard__number {\n width: 43px;\n height: 43px;\n flex-basis: 43px;\n\n border-radius: 14px;\n\n font-size: 13px;\n }\n\n .fg-velvetguard__card h3 {\n font-size: 19px;\n }\n\n .fg-velvetguard__card p {\n font-size: 13px;\n }\n\n .fg-velvetguard__footer {\n font-size: 25px;\n }\n }\n\n \/*\n STANDARD VIEWPORT FALLBACKS\n *\/\n\n @media screen and (max-width: 900px) {\n .fg-velvetguard__grid {\n grid-template-columns:\n minmax(0, 1fr);\n }\n\n .fg-velvetguard__card {\n min-height: auto;\n }\n }\n\n @media screen and (max-width: 749px) {\n .fg-velvetguard {\n padding:\n 66px\n 18px;\n }\n\n .fg-velvetguard__header {\n margin-bottom: 44px;\n }\n\n .fg-velvetguard__card {\n padding:\n 23px\n 21px;\n\n border-radius: 22px;\n }\n\n .fg-velvetguard__footer {\n flex-direction: column;\n gap: 3px;\n }\n }\n\n @media screen and (max-width: 480px) {\n .fg-velvetguard {\n padding:\n 54px\n 14px;\n }\n\n .fg-velvetguard__title {\n font-size: clamp(36px, 10.5vw, 44px);\n line-height: 1.03;\n }\n\n .fg-velvetguard__card {\n gap: 15px;\n\n padding:\n 22px\n 19px;\n }\n\n .fg-velvetguard__number {\n width: 48px;\n height: 48px;\n flex-basis: 48px;\n\n border-radius: 15px;\n\n font-size: 14px;\n }\n\n .fg-velvetguard__card h3 {\n font-size: 19px;\n }\n\n .fg-velvetguard__card p {\n font-size: 14px;\n }\n }\n\n \/*\n FALLBACK FOR BROWSERS WITHOUT\n CONTAINER QUERY SUPPORT\n *\/\n\n @supports not (container-type: inline-size) {\n @media screen and (max-width: 1000px) {\n .fg-velvetguard__grid {\n grid-template-columns:\n minmax(0, 1fr);\n }\n\n .fg-velvetguard__card {\n min-height: auto;\n }\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .fg-velvetguard *,\n .fg-velvetguard *::before,\n .fg-velvetguard *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n scroll-behavior: auto !important;\n transition-duration: 0.01ms !important;\n }\n\n .fg-velvetguard__header,\n .fg-velvetguard__card,\n .fg-velvetguard__footer {\n opacity: 1;\n transform: none;\n }\n }\n\u003c\/style\u003e","brand":"Fearless Grace","offers":[{"title":"Default Title","offer_id":45859723968595,"sku":null,"price":279.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0726\/0982\/4851\/files\/ChatGPTImageJul23_2026at07_44_31PM.png?v=1784830974"},{"product_id":"dreamsatin-5-piece-satin-sleep-set","title":"DreamSatin – 5-Piece Satin Look Sleep Set","description":"\u003c!-- DreamSatin 5-Piece Satin Sleep Set | Shopify Responsive Section --\u003e\n\u003csection class=\"fg-dreamsatin\"\u003e\n\u003cdiv class=\"fg-dreamsatin__orb fg-dreamsatin__orb--one\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fg-dreamsatin__orb fg-dreamsatin__orb--two\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fg-dreamsatin__orb fg-dreamsatin__orb--three\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fg-dreamsatin__container\"\u003e\n\u003cheader class=\"fg-dreamsatin__header\"\u003e\u003cspan class=\"fg-dreamsatin__label\"\u003e DreamSatin 5-Piece Satin Look Sleep Set \u003c\/span\u003e\n\u003ch2 class=\"fg-dreamsatin__title\"\u003eWake Up to Better Hair. \u003cspan\u003eBetter Skin. Every Morning.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"fg-dreamsatin__description\"\u003eThe DreamSatin 5-Piece Satin Look Sleep Set transforms your nightly routine into a full beauty ritual. Made from polyester with a smooth, luxurious satin look and feel, each piece glides gently over your hair and skin while you sleep. Everything you need for a complete sleep beauty routine, beautifully matched and ready to gift.\u003c\/p\u003e\n\u003cp class=\"fg-dreamsatin__promise\"\u003eSleep beautifully. Wake up glowing.\u003c\/p\u003e\n\u003c\/header\u003e\n\u003cdiv class=\"fg-dreamsatin__features\"\u003e\n\u003carticle class=\"fg-dreamsatin__card\"\u003e\u003cspan class=\"fg-dreamsatin__number\"\u003e01\u003c\/span\u003e\n\u003cdiv class=\"fg-dreamsatin__card-content\"\u003e\n\u003ch3\u003eFrizz-Free Hair by Morning\u003c\/h3\u003e\n\u003cp\u003eSatin look bonnet and pillowcase reduce friction and lock in moisture overnight.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"fg-dreamsatin__card\"\u003e\u003cspan class=\"fg-dreamsatin__number\"\u003e02\u003c\/span\u003e\n\u003cdiv class=\"fg-dreamsatin__card-content\"\u003e\n\u003ch3\u003eSmoother, Clearer Skin\u003c\/h3\u003e\n\u003cp\u003eThe soft surface minimises sleep creases and irritation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"fg-dreamsatin__card\"\u003e\u003cspan class=\"fg-dreamsatin__number\"\u003e03\u003c\/span\u003e\n\u003cdiv class=\"fg-dreamsatin__card-content\"\u003e\n\u003ch3\u003eRested, Refreshed Eyes\u003c\/h3\u003e\n\u003cp\u003eEye mask blocks light gently without tugging delicate skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"fg-dreamsatin__card\"\u003e\u003cspan class=\"fg-dreamsatin__number\"\u003e04\u003c\/span\u003e\n\u003cdiv class=\"fg-dreamsatin__card-content\"\u003e\n\u003ch3\u003eComplete 5-Piece Set\u003c\/h3\u003e\n\u003cp\u003ePillowcase, bonnet, eye mask and two scrunchies all perfectly matched.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"fg-dreamsatin__card\"\u003e\u003cspan class=\"fg-dreamsatin__number\"\u003e05\u003c\/span\u003e\n\u003cdiv class=\"fg-dreamsatin__card-content\"\u003e\n\u003ch3\u003eShiny, Soft \u0026amp; Luxurious\u003c\/h3\u003e\n\u003cp\u003eFeels as good as it looks on your pillow.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"fg-dreamsatin__card\"\u003e\u003cspan class=\"fg-dreamsatin__number\"\u003e06\u003c\/span\u003e\n\u003cdiv class=\"fg-dreamsatin__card-content\"\u003e\n\u003ch3\u003ePerfect for Gifting\u003c\/h3\u003e\n\u003cp\u003eA complete beauty sleep kit, beautifully matched in one set.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-dreamsatin__colours\"\u003e\n\u003cdiv class=\"fg-dreamsatin__colours-heading\"\u003e\n\u003cspan\u003eChoose Your Shade\u003c\/span\u003e\n\u003ch3\u003eFour elegant colourways.\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-dreamsatin__colour-list\"\u003e\n\u003cspan class=\"fg-dreamsatin__colour\"\u003e \u003ci class=\"fg-dreamsatin__swatch fg-dreamsatin__swatch--burgundy\"\u003e\u003c\/i\u003e Burgundy \u003c\/span\u003e \u003cspan class=\"fg-dreamsatin__colour\"\u003e \u003ci class=\"fg-dreamsatin__swatch fg-dreamsatin__swatch--black\"\u003e\u003c\/i\u003e Black \u003c\/span\u003e \u003cspan class=\"fg-dreamsatin__colour\"\u003e \u003ci class=\"fg-dreamsatin__swatch fg-dreamsatin__swatch--white\"\u003e\u003c\/i\u003e White \u003c\/span\u003e \u003cspan class=\"fg-dreamsatin__colour\"\u003e \u003ci class=\"fg-dreamsatin__swatch fg-dreamsatin__swatch--blush\"\u003e\u003c\/i\u003e Blush Pink \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-dreamsatin__note\"\u003e\n\u003cspan class=\"fg-dreamsatin__note-mark\"\u003e * \u003c\/span\u003e\n\u003cp\u003ePlease note: pillowcase only pillow insert not included.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cfooter class=\"fg-dreamsatin__footer\"\u003e\u003cspan\u003eOne set.\u003c\/span\u003e \u003cspan\u003eFive pieces.\u003c\/span\u003e \u003cstrong\u003eEndless beauty sleep.\u003c\/strong\u003e\u003c\/footer\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n .fg-dreamsatin {\n --ds-navy: #173e6c;\n --ds-deep-navy: #0c2747;\n --ds-champagne: #c9b39d;\n --ds-ivory: #faf8f5;\n --ds-warm-white: #fffdfb;\n --ds-burgundy: #6d1f35;\n --ds-soft-burgundy: #a45f70;\n --ds-blush: #d9aeb8;\n --ds-soft-blush: #f3dfe3;\n --ds-pale-blush: #fbf3f5;\n --ds-white: #ffffff;\n --ds-text: #35495e;\n --ds-muted: rgba(53, 73, 94, 0.72);\n\n position: relative;\n isolation: isolate;\n overflow: hidden;\n\n width: 100%;\n max-width: 100%;\n min-width: 0;\n\n padding:\n clamp(74px, 9vw, 132px)\n clamp(16px, 3vw, 28px);\n\n background:\n radial-gradient(\n circle at 8% 8%,\n rgba(109, 31, 53, 0.14),\n transparent 30%\n ),\n radial-gradient(\n circle at 92% 92%,\n rgba(201, 179, 157, 0.25),\n transparent 34%\n ),\n linear-gradient(\n 145deg,\n var(--ds-ivory) 0%,\n var(--ds-warm-white) 50%,\n var(--ds-pale-blush) 100%\n );\n\n color: var(--ds-text);\n\n font-family:\n Arial,\n Helvetica,\n sans-serif;\n\n container-type: inline-size;\n container-name: dreamSatin;\n }\n\n .fg-dreamsatin,\n .fg-dreamsatin *,\n .fg-dreamsatin *::before,\n .fg-dreamsatin *::after {\n box-sizing: border-box;\n }\n\n .fg-dreamsatin h2,\n .fg-dreamsatin h3,\n .fg-dreamsatin p {\n padding: 0;\n }\n\n .fg-dreamsatin h2,\n .fg-dreamsatin h3,\n .fg-dreamsatin p,\n .fg-dreamsatin span,\n .fg-dreamsatin strong,\n .fg-dreamsatin i,\n .fg-dreamsatin div,\n .fg-dreamsatin article,\n .fg-dreamsatin header,\n .fg-dreamsatin footer {\n min-width: 0;\n max-width: 100%;\n word-break: normal;\n overflow-wrap: break-word;\n }\n\n .fg-dreamsatin__container {\n position: relative;\n z-index: 2;\n\n width: 100%;\n max-width: 1120px;\n min-width: 0;\n\n margin: 0 auto;\n }\n\n .fg-dreamsatin__orb {\n position: absolute;\n z-index: 0;\n\n border-radius: 50%;\n\n filter: blur(34px);\n\n pointer-events: none;\n\n animation:\n fgDreamSatinFloat 10s ease-in-out infinite;\n }\n\n .fg-dreamsatin__orb--one {\n top: -230px;\n right: -140px;\n\n width: clamp(290px, 37vw, 400px);\n height: clamp(290px, 37vw, 400px);\n\n background: rgba(109, 31, 53, 0.24);\n }\n\n .fg-dreamsatin__orb--two {\n bottom: -250px;\n left: -150px;\n\n width: clamp(310px, 40vw, 420px);\n height: clamp(310px, 40vw, 420px);\n\n background: rgba(23, 62, 108, 0.11);\n\n animation-delay: -5s;\n }\n\n .fg-dreamsatin__orb--three {\n top: 44%;\n right: 4%;\n\n width: clamp(130px, 20vw, 210px);\n height: clamp(130px, 20vw, 210px);\n\n background: rgba(217, 174, 184, 0.22);\n\n animation-delay: -2.5s;\n }\n\n .fg-dreamsatin__header {\n width: 100%;\n max-width: 910px;\n min-width: 0;\n\n margin:\n 0 auto\n clamp(44px, 6vw, 58px);\n\n text-align: center;\n\n animation:\n fgDreamSatinReveal 0.9s ease both;\n }\n\n .fg-dreamsatin__label {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n\n max-width: 100%;\n\n margin:\n 0 auto\n 22px;\n\n padding:\n 10px\n 18px;\n\n border: 1px solid rgba(109, 31, 53, 0.16);\n border-radius: 999px;\n\n background: rgba(255, 255, 255, 0.78);\n\n color: var(--ds-burgundy);\n\n box-shadow:\n 0 10px 35px rgba(23, 62, 108, 0.07);\n\n font-size: clamp(9px, 1vw, 12px);\n font-weight: 700;\n line-height: 1.4;\n letter-spacing: 0.17em;\n\n text-align: center;\n text-transform: uppercase;\n\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n\n animation:\n fgDreamSatinLabelGlow 4s ease-in-out infinite;\n }\n\n .fg-dreamsatin__title {\n width: 100%;\n max-width: 100%;\n\n margin: 0;\n\n color: var(--ds-deep-navy);\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size: clamp(42px, 6.5vw, 80px);\n font-weight: 400;\n line-height: 1;\n letter-spacing: -0.045em;\n\n text-wrap: balance;\n }\n\n .fg-dreamsatin__title span {\n display: block;\n\n margin-top: 8px;\n\n color: var(--ds-burgundy);\n\n font-style: italic;\n font-weight: 400;\n\n animation:\n fgDreamSatinTextGlow 3.5s ease-in-out infinite;\n }\n\n .fg-dreamsatin__description {\n width: 100%;\n max-width: 850px;\n\n margin:\n 30px auto 0;\n\n color: rgba(53, 73, 94, 0.82);\n\n font-size: clamp(16px, 1.8vw, 19px);\n line-height: 1.82;\n\n text-wrap: pretty;\n }\n\n .fg-dreamsatin__promise {\n position: relative;\n\n display: inline-block;\n\n max-width: 100%;\n\n margin:\n 28px auto 0;\n\n padding-bottom: 10px;\n\n color: var(--ds-navy);\n\n font-size: 15px;\n font-weight: 700;\n line-height: 1.5;\n letter-spacing: 0.04em;\n\n text-wrap: balance;\n }\n\n .fg-dreamsatin__promise::after {\n content: \"\";\n position: absolute;\n\n right: 0;\n bottom: 0;\n left: 0;\n\n height: 1px;\n\n background: linear-gradient(\n 90deg,\n transparent,\n var(--ds-champagne),\n transparent\n );\n\n animation:\n fgDreamSatinLine 3s ease-in-out infinite;\n }\n\n .fg-dreamsatin__features {\n display: grid;\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n\n gap: 18px;\n\n width: 100%;\n max-width: 100%;\n min-width: 0;\n }\n\n .fg-dreamsatin__card {\n position: relative;\n\n display: flex;\n align-items: flex-start;\n gap: 20px;\n\n width: 100%;\n max-width: 100%;\n min-width: 0;\n min-height: 158px;\n\n padding: 28px;\n\n overflow: hidden;\n\n border: 1px solid rgba(23, 62, 108, 0.1);\n border-radius: 26px;\n\n background: rgba(255, 255, 255, 0.78);\n\n box-shadow:\n 0 20px 55px rgba(23, 62, 108, 0.075);\n\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n\n transition:\n transform 0.4s ease,\n border-color 0.4s ease,\n box-shadow 0.4s ease;\n\n animation:\n fgDreamSatinReveal 0.8s ease both;\n }\n\n .fg-dreamsatin__card:nth-child(1) {\n animation-delay: 0.1s;\n }\n\n .fg-dreamsatin__card:nth-child(2) {\n animation-delay: 0.2s;\n }\n\n .fg-dreamsatin__card:nth-child(3) {\n animation-delay: 0.3s;\n }\n\n .fg-dreamsatin__card:nth-child(4) {\n animation-delay: 0.4s;\n }\n\n .fg-dreamsatin__card:nth-child(5) {\n animation-delay: 0.5s;\n }\n\n .fg-dreamsatin__card:nth-child(6) {\n animation-delay: 0.6s;\n }\n\n .fg-dreamsatin__card::before {\n content: \"\";\n position: absolute;\n\n top: -90%;\n left: -65%;\n\n width: 58%;\n height: 280%;\n\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(255, 255, 255, 0.8),\n transparent\n );\n\n transform: rotate(22deg);\n\n transition:\n left 0.75s ease;\n\n pointer-events: none;\n }\n\n .fg-dreamsatin__card::after {\n content: \"\";\n position: absolute;\n\n right: -35px;\n bottom: -35px;\n\n width: 110px;\n height: 110px;\n\n border-radius: 50%;\n\n background: rgba(109, 31, 53, 0.07);\n\n transition:\n transform 0.4s ease;\n\n pointer-events: none;\n }\n\n .fg-dreamsatin__number {\n position: relative;\n z-index: 1;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 56px;\n height: 56px;\n flex: 0 0 56px;\n\n border-radius: 18px;\n\n background: linear-gradient(\n 145deg,\n var(--ds-soft-blush),\n var(--ds-white)\n );\n\n color: var(--ds-burgundy);\n\n box-shadow:\n inset 0 0 0 1px rgba(109, 31, 53, 0.16);\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size: 16px;\n font-style: italic;\n line-height: 1;\n\n transition:\n transform 0.4s ease,\n background 0.4s ease,\n color 0.4s ease;\n }\n\n .fg-dreamsatin__card-content {\n position: relative;\n z-index: 1;\n\n flex: 1 1 auto;\n\n min-width: 0;\n }\n\n .fg-dreamsatin__card h3 {\n margin:\n 4px\n 0\n 10px;\n\n color: var(--ds-deep-navy);\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size: clamp(20px, 1.9vw, 22px);\n font-weight: 400;\n line-height: 1.25;\n\n text-wrap: balance;\n }\n\n .fg-dreamsatin__card p {\n margin: 0;\n\n color: var(--ds-muted);\n\n font-size: 15px;\n line-height: 1.7;\n\n text-wrap: pretty;\n }\n\n .fg-dreamsatin__colours {\n width: 100%;\n max-width: 100%;\n min-width: 0;\n\n margin-top: 22px;\n\n padding:\n clamp(28px, 5vw, 44px);\n\n border: 1px solid rgba(201, 179, 157, 0.32);\n border-radius: 28px;\n\n background: rgba(255, 253, 251, 0.82);\n\n box-shadow:\n 0 22px 58px rgba(23, 62, 108, 0.07);\n\n text-align: center;\n\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n\n animation:\n fgDreamSatinReveal 0.9s 0.7s ease both;\n }\n\n .fg-dreamsatin__colours-heading {\n width: 100%;\n max-width: 100%;\n\n margin-bottom: 24px;\n }\n\n .fg-dreamsatin__colours-heading \u003e span {\n display: block;\n\n margin-bottom: 8px;\n\n color: var(--ds-champagne);\n\n font-size: 11px;\n font-weight: 700;\n line-height: 1.5;\n letter-spacing: 0.19em;\n\n text-transform: uppercase;\n }\n\n .fg-dreamsatin__colours-heading h3 {\n margin: 0;\n\n color: var(--ds-deep-navy);\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size: clamp(27px, 4vw, 40px);\n font-weight: 400;\n line-height: 1.2;\n\n text-wrap: balance;\n }\n\n .fg-dreamsatin__colour-list {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px;\n\n width: 100%;\n max-width: 100%;\n }\n\n .fg-dreamsatin__colour {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n\n max-width: 100%;\n\n padding:\n 11px\n 16px;\n\n border: 1px solid rgba(23, 62, 108, 0.08);\n border-radius: 999px;\n\n background: rgba(255, 255, 255, 0.86);\n\n color: var(--ds-navy);\n\n font-size: 13px;\n font-weight: 700;\n line-height: 1.4;\n\n text-align: center;\n\n transition:\n transform 0.3s ease,\n box-shadow 0.3s ease;\n }\n\n .fg-dreamsatin__swatch {\n display: block;\n\n width: 17px;\n height: 17px;\n flex: 0 0 17px;\n\n border: 2px solid rgba(255, 255, 255, 0.9);\n border-radius: 50%;\n\n box-shadow:\n 0 0 0 1px rgba(23, 62, 108, 0.12);\n\n animation:\n fgDreamSatinSwatch 3s ease-in-out infinite;\n }\n\n .fg-dreamsatin__swatch--burgundy {\n background: #6d1f35;\n }\n\n .fg-dreamsatin__swatch--black {\n background: #171717;\n\n animation-delay: -0.75s;\n }\n\n .fg-dreamsatin__swatch--white {\n background: #f7f4ef;\n\n animation-delay: -1.5s;\n }\n\n .fg-dreamsatin__swatch--blush {\n background: #d9aeb8;\n\n animation-delay: -2.25s;\n }\n\n .fg-dreamsatin__note {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n\n width: 100%;\n max-width: 100%;\n min-width: 0;\n\n margin-top: 18px;\n\n padding:\n 17px\n 20px;\n\n border: 1px solid rgba(109, 31, 53, 0.13);\n border-radius: 18px;\n\n background: rgba(255, 255, 255, 0.68);\n\n animation:\n fgDreamSatinReveal 0.9s 0.8s ease both;\n }\n\n .fg-dreamsatin__note-mark {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 28px;\n height: 28px;\n flex: 0 0 28px;\n\n border-radius: 50%;\n\n background: var(--ds-soft-blush);\n\n color: var(--ds-burgundy);\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size: 18px;\n line-height: 1;\n }\n\n .fg-dreamsatin__note p {\n margin: 0;\n\n color: rgba(53, 73, 94, 0.76);\n\n font-size: 13px;\n line-height: 1.5;\n\n text-wrap: pretty;\n }\n\n .fg-dreamsatin__footer {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n\n gap: 9px;\n\n width: 100%;\n max-width: 100%;\n\n margin-top:\n clamp(46px, 6vw, 56px);\n\n color: var(--ds-deep-navy);\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size: clamp(25px, 3.5vw, 41px);\n line-height: 1.2;\n\n text-align: center;\n text-wrap: balance;\n\n animation:\n fgDreamSatinReveal 0.9s 0.9s ease both;\n }\n\n .fg-dreamsatin__footer strong {\n color: var(--ds-burgundy);\n\n font-style: italic;\n font-weight: 400;\n\n animation:\n fgDreamSatinTextGlow 3.5s ease-in-out infinite;\n }\n\n @media (hover: hover) and (pointer: fine) {\n .fg-dreamsatin__card:hover {\n transform: translateY(-7px);\n\n border-color: rgba(109, 31, 53, 0.32);\n\n box-shadow:\n 0 28px 65px rgba(23, 62, 108, 0.13);\n }\n\n .fg-dreamsatin__card:hover::before {\n left: 125%;\n }\n\n .fg-dreamsatin__card:hover::after {\n transform: scale(1.3);\n }\n\n .fg-dreamsatin__card:hover .fg-dreamsatin__number {\n color: var(--ds-white);\n\n transform:\n rotate(-5deg)\n scale(1.08);\n\n background: linear-gradient(\n 145deg,\n var(--ds-soft-burgundy),\n var(--ds-burgundy)\n );\n }\n\n .fg-dreamsatin__colour:hover {\n transform: translateY(-3px);\n\n box-shadow:\n 0 12px 26px rgba(23, 62, 108, 0.11);\n }\n }\n\n @keyframes fgDreamSatinReveal {\n from {\n opacity: 0;\n transform: translateY(28px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes fgDreamSatinFloat {\n 0%,\n 100% {\n transform:\n translate3d(0, 0, 0)\n scale(1);\n }\n\n 50% {\n transform:\n translate3d(0, 24px, 0)\n scale(1.06);\n }\n }\n\n @keyframes fgDreamSatinLabelGlow {\n 0%,\n 100% {\n box-shadow:\n 0 10px 35px rgba(23, 62, 108, 0.07);\n }\n\n 50% {\n box-shadow:\n 0 13px 38px rgba(109, 31, 53, 0.18);\n }\n }\n\n @keyframes fgDreamSatinLine {\n 0%,\n 100% {\n opacity: 0.45;\n transform: scaleX(0.55);\n }\n\n 50% {\n opacity: 1;\n transform: scaleX(1);\n }\n }\n\n @keyframes fgDreamSatinTextGlow {\n 0%,\n 100% {\n text-shadow:\n 0 0 0 rgba(109, 31, 53, 0);\n }\n\n 50% {\n text-shadow:\n 0 9px 26px rgba(109, 31, 53, 0.22);\n }\n }\n\n @keyframes fgDreamSatinSwatch {\n 0%,\n 100% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(1.12);\n }\n }\n\n \/*\n FULL-WIDTH DESKTOP SECTION\n *\/\n\n @container dreamSatin (min-width: 901px) {\n .fg-dreamsatin__features {\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n }\n\n .fg-dreamsatin__card {\n min-height: 158px;\n }\n\n .fg-dreamsatin__colour-list {\n display: flex;\n justify-content: center;\n }\n }\n\n \/*\n NARROW SHOPIFY DESKTOP SECTION\n OR TABLET CONTAINER\n *\/\n\n @container dreamSatin (min-width: 561px) and (max-width: 900px) {\n .fg-dreamsatin {\n padding:\n 68px\n 20px;\n }\n\n .fg-dreamsatin__container {\n max-width: 760px;\n }\n\n .fg-dreamsatin__header {\n max-width: 720px;\n\n margin-bottom: 46px;\n }\n\n .fg-dreamsatin__title {\n font-size: clamp(44px, 8cqw, 62px);\n line-height: 1.01;\n }\n\n .fg-dreamsatin__description {\n max-width: 680px;\n }\n\n .fg-dreamsatin__features {\n grid-template-columns:\n minmax(0, 1fr);\n\n max-width: 720px;\n\n margin-right: auto;\n margin-left: auto;\n }\n\n .fg-dreamsatin__card {\n min-height: auto;\n }\n\n .fg-dreamsatin__colours,\n .fg-dreamsatin__note {\n max-width: 720px;\n\n margin-right: auto;\n margin-left: auto;\n }\n\n .fg-dreamsatin__colour-list {\n display: grid;\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n\n max-width: 520px;\n\n margin-right: auto;\n margin-left: auto;\n }\n\n .fg-dreamsatin__colour {\n width: 100%;\n }\n }\n\n \/*\n MOBILE OR VERY NARROW PRODUCT COLUMN\n *\/\n\n @container dreamSatin (max-width: 560px) {\n .fg-dreamsatin {\n padding:\n 54px\n 15px;\n }\n\n .fg-dreamsatin__header {\n margin-bottom: 38px;\n }\n\n .fg-dreamsatin__label {\n margin-bottom: 19px;\n\n padding:\n 8px\n 13px;\n\n font-size: 9px;\n letter-spacing: 0.12em;\n }\n\n .fg-dreamsatin__title {\n font-size: clamp(37px, 10.5cqw, 47px);\n line-height: 1.03;\n letter-spacing: -0.037em;\n }\n\n .fg-dreamsatin__title span {\n margin-top: 7px;\n }\n\n .fg-dreamsatin__description {\n margin-top: 24px;\n\n font-size: 15px;\n line-height: 1.72;\n }\n\n .fg-dreamsatin__promise {\n margin-top: 24px;\n\n font-size: 13px;\n line-height: 1.45;\n }\n\n .fg-dreamsatin__features {\n grid-template-columns:\n minmax(0, 1fr);\n\n gap: 14px;\n }\n\n .fg-dreamsatin__card {\n gap: 15px;\n\n min-height: auto;\n\n padding:\n 23px\n 21px;\n\n border-radius: 21px;\n }\n\n .fg-dreamsatin__number {\n width: 48px;\n height: 48px;\n flex-basis: 48px;\n\n border-radius: 15px;\n\n font-size: 14px;\n }\n\n .fg-dreamsatin__card h3 {\n font-size: 20px;\n }\n\n .fg-dreamsatin__card p {\n font-size: 14px;\n line-height: 1.68;\n }\n\n .fg-dreamsatin__colours {\n margin-top: 15px;\n\n padding:\n 28px\n 18px;\n\n border-radius: 22px;\n }\n\n .fg-dreamsatin__colours-heading {\n margin-bottom: 20px;\n }\n\n .fg-dreamsatin__colours-heading \u003e span {\n font-size: 9px;\n letter-spacing: 0.15em;\n }\n\n .fg-dreamsatin__colours-heading h3 {\n font-size: clamp(27px, 8cqw, 34px);\n }\n\n .fg-dreamsatin__colour-list {\n display: grid;\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n\n gap: 9px;\n }\n\n .fg-dreamsatin__colour {\n width: 100%;\n\n padding:\n 10px\n 11px;\n\n font-size: 12px;\n }\n\n .fg-dreamsatin__note {\n align-items: flex-start;\n\n margin-top: 14px;\n\n padding:\n 16px\n 17px;\n\n border-radius: 17px;\n\n text-align: left;\n }\n\n .fg-dreamsatin__note p {\n font-size: 12px;\n line-height: 1.55;\n }\n\n .fg-dreamsatin__footer {\n flex-direction: column;\n\n gap: 3px;\n\n margin-top: 42px;\n\n font-size: clamp(25px, 7.5cqw, 34px);\n line-height: 1.18;\n }\n\n .fg-dreamsatin__orb {\n filter: blur(25px);\n }\n }\n\n \/*\n EXTRA-SMALL MOBILE\n *\/\n\n @container dreamSatin (max-width: 390px) {\n .fg-dreamsatin {\n padding:\n 49px\n 12px;\n }\n\n .fg-dreamsatin__label {\n font-size: 8px;\n letter-spacing: 0.08em;\n }\n\n .fg-dreamsatin__title {\n font-size: 35px;\n }\n\n .fg-dreamsatin__description {\n font-size: 14px;\n }\n\n .fg-dreamsatin__card {\n gap: 13px;\n\n padding:\n 21px\n 18px;\n }\n\n .fg-dreamsatin__number {\n width: 43px;\n height: 43px;\n flex-basis: 43px;\n\n border-radius: 14px;\n\n font-size: 13px;\n }\n\n .fg-dreamsatin__card h3 {\n font-size: 19px;\n }\n\n .fg-dreamsatin__card p {\n font-size: 13px;\n }\n\n .fg-dreamsatin__colours {\n padding:\n 25px\n 15px;\n }\n\n .fg-dreamsatin__colour-list {\n grid-template-columns:\n minmax(0, 1fr);\n }\n\n .fg-dreamsatin__note {\n gap: 10px;\n\n padding:\n 15px;\n }\n\n .fg-dreamsatin__note-mark {\n width: 25px;\n height: 25px;\n flex-basis: 25px;\n\n font-size: 16px;\n }\n\n .fg-dreamsatin__footer {\n font-size: 25px;\n }\n }\n\n \/*\n STANDARD VIEWPORT FALLBACKS\n *\/\n\n @media screen and (max-width: 900px) {\n .fg-dreamsatin__features {\n grid-template-columns:\n minmax(0, 1fr);\n }\n\n .fg-dreamsatin__card {\n min-height: auto;\n }\n }\n\n @media screen and (max-width: 749px) {\n .fg-dreamsatin {\n padding:\n 66px\n 18px;\n }\n\n .fg-dreamsatin__header {\n margin-bottom: 44px;\n }\n\n .fg-dreamsatin__card {\n padding:\n 23px\n 21px;\n\n border-radius: 22px;\n }\n\n .fg-dreamsatin__colour-list {\n display: grid;\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n }\n\n .fg-dreamsatin__colour {\n width: 100%;\n }\n\n .fg-dreamsatin__footer {\n flex-direction: column;\n gap: 3px;\n }\n }\n\n @media screen and (max-width: 480px) {\n .fg-dreamsatin {\n padding:\n 54px\n 14px;\n }\n\n .fg-dreamsatin__label {\n padding:\n 8px\n 13px;\n\n font-size: 9px;\n letter-spacing: 0.11em;\n }\n\n .fg-dreamsatin__title {\n font-size: clamp(36px, 10.5vw, 44px);\n line-height: 1.03;\n }\n\n .fg-dreamsatin__card {\n gap: 15px;\n\n padding:\n 22px\n 19px;\n }\n\n .fg-dreamsatin__number {\n width: 48px;\n height: 48px;\n flex-basis: 48px;\n\n border-radius: 15px;\n\n font-size: 14px;\n }\n\n .fg-dreamsatin__card h3 {\n font-size: 19px;\n }\n\n .fg-dreamsatin__card p {\n font-size: 14px;\n }\n\n .fg-dreamsatin__note {\n align-items: flex-start;\n text-align: left;\n }\n }\n\n \/*\n FALLBACK FOR BROWSERS WITHOUT\n CONTAINER QUERY SUPPORT\n *\/\n\n @supports not (container-type: inline-size) {\n @media screen and (max-width: 1000px) {\n .fg-dreamsatin__features {\n grid-template-columns:\n minmax(0, 1fr);\n }\n\n .fg-dreamsatin__card {\n min-height: auto;\n }\n\n .fg-dreamsatin__colour-list {\n display: grid;\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n }\n }\n\n @media screen and (max-width: 480px) {\n .fg-dreamsatin__colour-list {\n grid-template-columns:\n minmax(0, 1fr);\n }\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .fg-dreamsatin *,\n .fg-dreamsatin *::before,\n .fg-dreamsatin *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n scroll-behavior: auto !important;\n transition-duration: 0.01ms !important;\n }\n\n .fg-dreamsatin__header,\n .fg-dreamsatin__card,\n .fg-dreamsatin__colours,\n .fg-dreamsatin__note,\n .fg-dreamsatin__footer {\n opacity: 1;\n transform: none;\n }\n }\n\u003c\/style\u003e","brand":"Fearless Grace","offers":[{"title":"Red","offer_id":45881582354515,"sku":null,"price":349.0,"currency_code":"ZAR","in_stock":true},{"title":"Black","offer_id":45881582387283,"sku":null,"price":349.0,"currency_code":"ZAR","in_stock":true},{"title":"White","offer_id":45881582420051,"sku":null,"price":349.0,"currency_code":"ZAR","in_stock":true},{"title":"Pink","offer_id":45881582452819,"sku":null,"price":349.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0726\/0982\/4851\/files\/ChatGPTImageJul29_2026at01_17_02PM.png?v=1785351479"},{"product_id":"silkbrush-cordless-ionic-hair-straightening-brush","title":"SilkBrush – Cordless Ionic Hair Straightening Brush","description":"\u003c!-- SilkBrush Cordless Ionic Hair Straightening Brush | Shopify Responsive Section --\u003e\n\u003csection class=\"fg-silkbrush\"\u003e\n \u003cdiv class=\"fg-silkbrush__glow fg-silkbrush__glow--one\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"fg-silkbrush__glow fg-silkbrush__glow--two\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"fg-silkbrush__glow fg-silkbrush__glow--three\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"fg-silkbrush__container\"\u003e\n\n \u003cheader class=\"fg-silkbrush__header\"\u003e\n \u003cspan class=\"fg-silkbrush__label\"\u003e\n SilkBrush Cordless Ionic Hair Straightening Brush\n \u003c\/span\u003e\n\n \u003ch2 class=\"fg-silkbrush__title\"\u003e\n Salon-Smooth Hair.\n \u003cspan\u003eNo Cords. No Compromise.\u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp class=\"fg-silkbrush__description\"\u003e\n The SilkBrush Cordless Ionic Hair Straightening Brush gives you sleek,\n frizz-free hair in minutes — wherever you are. Whether you want\n pin-straight locks or soft, bouncy curls, one brush does it all. It\n heats up fast and fits in your handbag. This is your daily hair ritual,\n simplified.\n \u003c\/p\u003e\n\n \u003cp class=\"fg-silkbrush__promise\"\u003e\n Straight. Curled. Effortlessly done.\n \u003c\/p\u003e\n \u003c\/header\u003e\n\n \u003cdiv class=\"fg-silkbrush__features\"\u003e\n\n \u003carticle class=\"fg-silkbrush__card\"\u003e\n \u003cspan class=\"fg-silkbrush__number\"\u003e01\u003c\/span\u003e\n\n \u003cdiv class=\"fg-silkbrush__card-copy\"\u003e\n \u003ch3\u003eTwo Styles in One\u003c\/h3\u003e\n\n \u003cp\u003e\n Create silky straight hair or soft curls with one compact brush.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"fg-silkbrush__card\"\u003e\n \u003cspan class=\"fg-silkbrush__number\"\u003e02\u003c\/span\u003e\n\n \u003cdiv class=\"fg-silkbrush__card-copy\"\u003e\n \u003ch3\u003eFast Heat-Up\u003c\/h3\u003e\n\n \u003cp\u003e\n Ready when you are, with no long waiting time.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"fg-silkbrush__card\"\u003e\n \u003cspan class=\"fg-silkbrush__number\"\u003e03\u003c\/span\u003e\n\n \u003cdiv class=\"fg-silkbrush__card-copy\"\u003e\n \u003ch3\u003eFully Wireless\u003c\/h3\u003e\n\n \u003cp\u003e\n USB rechargeable for styling at home, at the office, or on the go.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"fg-silkbrush__card\"\u003e\n \u003cspan class=\"fg-silkbrush__number\"\u003e04\u003c\/span\u003e\n\n \u003cdiv class=\"fg-silkbrush__card-copy\"\u003e\n \u003ch3\u003eDigital Temperature Display\u003c\/h3\u003e\n\n \u003cp\u003e\n LED display gives you precise heat control up to 199°C.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"fg-silkbrush__card\"\u003e\n \u003cspan class=\"fg-silkbrush__number\"\u003e05\u003c\/span\u003e\n\n \u003cdiv class=\"fg-silkbrush__card-copy\"\u003e\n \u003ch3\u003eHeat-Resistant Design\u003c\/h3\u003e\n\n \u003cp\u003e\n Safe to set down without needing a mat or stand.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"fg-silkbrush__card\"\u003e\n \u003cspan class=\"fg-silkbrush__number\"\u003e06\u003c\/span\u003e\n\n \u003cdiv class=\"fg-silkbrush__card-copy\"\u003e\n \u003ch3\u003eAuto Shut-Off\u003c\/h3\u003e\n\n \u003cp\u003e\n Added peace of mind if you forget to switch it off.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"fg-silkbrush__details\"\u003e\n\n \u003cdiv class=\"fg-silkbrush__detail\"\u003e\n \u003cspan class=\"fg-silkbrush__detail-dot\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n\n \u003cp\u003e\n Compact enough to fit neatly into your handbag\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fg-silkbrush__detail\"\u003e\n \u003cspan class=\"fg-silkbrush__detail-dot\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n\n \u003cp\u003e\n Designed for effortless everyday styling\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"fg-silkbrush__colours\"\u003e\n\n \u003cdiv class=\"fg-silkbrush__colours-heading\"\u003e\n \u003cspan\u003eAvailable Finishes\u003c\/span\u003e\n\n \u003ch3\u003e\n Designed to look as good as it performs.\n \u003c\/h3\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fg-silkbrush__colour-list\"\u003e\n\n \u003cspan class=\"fg-silkbrush__colour\"\u003e\n \u003ci class=\"fg-silkbrush__swatch fg-silkbrush__swatch--white\" aria-hidden=\"true\"\u003e\u003c\/i\u003e\n\n White\n\n \u003cb aria-hidden=\"true\"\u003e+\u003c\/b\u003e\n\n \u003ci class=\"fg-silkbrush__swatch fg-silkbrush__swatch--gold\" aria-hidden=\"true\"\u003e\u003c\/i\u003e\n\n Gold\n \u003c\/span\u003e\n\n \u003cspan class=\"fg-silkbrush__colour\"\u003e\n \u003ci class=\"fg-silkbrush__swatch fg-silkbrush__swatch--black\" aria-hidden=\"true\"\u003e\u003c\/i\u003e\n\n Black\n\n \u003cb aria-hidden=\"true\"\u003e+\u003c\/b\u003e\n\n \u003ci class=\"fg-silkbrush__swatch fg-silkbrush__swatch--purple\" aria-hidden=\"true\"\u003e\u003c\/i\u003e\n\n Purple\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cfooter class=\"fg-silkbrush__footer\"\u003e\n \u003cspan\u003eOne brush.\u003c\/span\u003e\n \u003cspan\u003eEvery style.\u003c\/span\u003e\n \u003cstrong\u003eEvery day.\u003c\/strong\u003e\n \u003c\/footer\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n .fg-silkbrush {\n --sb-navy: #173e6c;\n --sb-deep-navy: #0c2847;\n --sb-champagne: #c9b39d;\n --sb-gold: #c7a868;\n --sb-ivory: #faf8f5;\n --sb-white: #ffffff;\n --sb-purple: #8b6aa7;\n --sb-soft-purple: #eee7f3;\n --sb-pale-purple: #f8f4fa;\n --sb-text: #35495e;\n --sb-muted: rgba(53, 73, 94, 0.72);\n\n position: relative;\n isolation: isolate;\n overflow: hidden;\n\n width: 100%;\n max-width: 100%;\n min-width: 0;\n\n padding:\n clamp(74px, 9vw, 132px)\n clamp(16px, 3vw, 28px);\n\n background:\n radial-gradient(\n circle at 8% 8%,\n rgba(199, 168, 104, 0.2),\n transparent 31%\n ),\n radial-gradient(\n circle at 92% 92%,\n rgba(139, 106, 167, 0.2),\n transparent 34%\n ),\n linear-gradient(\n 145deg,\n var(--sb-ivory) 0%,\n var(--sb-white) 50%,\n var(--sb-pale-purple) 100%\n );\n\n color: var(--sb-text);\n\n font-family:\n Arial,\n Helvetica,\n sans-serif;\n\n container-type: inline-size;\n container-name: silkBrush;\n }\n\n .fg-silkbrush,\n .fg-silkbrush *,\n .fg-silkbrush *::before,\n .fg-silkbrush *::after {\n box-sizing: border-box;\n }\n\n .fg-silkbrush h2,\n .fg-silkbrush h3,\n .fg-silkbrush p {\n padding: 0;\n }\n\n .fg-silkbrush h2,\n .fg-silkbrush h3,\n .fg-silkbrush p,\n .fg-silkbrush span,\n .fg-silkbrush strong,\n .fg-silkbrush b,\n .fg-silkbrush i,\n .fg-silkbrush div,\n .fg-silkbrush article,\n .fg-silkbrush header,\n .fg-silkbrush footer {\n min-width: 0;\n max-width: 100%;\n word-break: normal;\n overflow-wrap: break-word;\n }\n\n .fg-silkbrush__container {\n position: relative;\n z-index: 2;\n\n width: 100%;\n max-width: 1120px;\n min-width: 0;\n\n margin: 0 auto;\n }\n\n .fg-silkbrush__glow {\n position: absolute;\n z-index: 0;\n\n border-radius: 50%;\n\n filter: blur(36px);\n\n pointer-events: none;\n\n animation:\n fgSilkBrushFloat 11s ease-in-out infinite;\n }\n\n .fg-silkbrush__glow--one {\n top: -240px;\n right: -140px;\n\n width: clamp(290px, 38vw, 410px);\n height: clamp(290px, 38vw, 410px);\n\n background: rgba(199, 168, 104, 0.34);\n }\n\n .fg-silkbrush__glow--two {\n bottom: -260px;\n left: -150px;\n\n width: clamp(310px, 40vw, 430px);\n height: clamp(310px, 40vw, 430px);\n\n background: rgba(23, 62, 108, 0.11);\n\n animation-delay: -5.5s;\n }\n\n .fg-silkbrush__glow--three {\n top: 44%;\n right: 4%;\n\n width: clamp(130px, 19vw, 200px);\n height: clamp(130px, 19vw, 200px);\n\n background: rgba(139, 106, 167, 0.19);\n\n animation-delay: -2.7s;\n }\n\n .fg-silkbrush__header {\n width: 100%;\n max-width: 920px;\n min-width: 0;\n\n margin:\n 0 auto\n clamp(44px, 6vw, 58px);\n\n text-align: center;\n\n animation:\n fgSilkBrushReveal 0.9s ease both;\n }\n\n .fg-silkbrush__label {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n\n max-width: 100%;\n\n margin:\n 0 auto\n 22px;\n\n padding:\n 10px\n 18px;\n\n border: 1px solid rgba(23, 62, 108, 0.13);\n border-radius: 999px;\n\n background: rgba(255, 255, 255, 0.78);\n\n color: var(--sb-navy);\n\n box-shadow:\n 0 12px 35px rgba(23, 62, 108, 0.07);\n\n font-size: clamp(9px, 1vw, 12px);\n font-weight: 700;\n line-height: 1.4;\n letter-spacing: 0.16em;\n\n text-align: center;\n text-transform: uppercase;\n\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n\n animation:\n fgSilkBrushLabelGlow 4s ease-in-out infinite;\n }\n\n .fg-silkbrush__title {\n width: 100%;\n max-width: 100%;\n\n margin: 0;\n\n color: var(--sb-deep-navy);\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size: clamp(43px, 6.7vw, 82px);\n font-weight: 400;\n line-height: 1;\n letter-spacing: -0.045em;\n\n text-wrap: balance;\n }\n\n .fg-silkbrush__title span {\n display: block;\n\n margin-top: 8px;\n\n color: var(--sb-purple);\n\n font-style: italic;\n font-weight: 400;\n\n animation:\n fgSilkBrushTextGlow 3.5s ease-in-out infinite;\n }\n\n .fg-silkbrush__description {\n width: 100%;\n max-width: 850px;\n\n margin:\n 30px auto 0;\n\n color: rgba(53, 73, 94, 0.82);\n\n font-size: clamp(16px, 1.8vw, 19px);\n line-height: 1.82;\n\n text-wrap: pretty;\n }\n\n .fg-silkbrush__promise {\n position: relative;\n\n display: inline-block;\n\n max-width: 100%;\n\n margin:\n 28px auto 0;\n\n padding-bottom: 10px;\n\n color: var(--sb-navy);\n\n font-size: 15px;\n font-weight: 700;\n line-height: 1.5;\n letter-spacing: 0.035em;\n\n text-wrap: balance;\n }\n\n .fg-silkbrush__promise::after {\n content: \"\";\n position: absolute;\n\n right: 0;\n bottom: 0;\n left: 0;\n\n height: 1px;\n\n background: linear-gradient(\n 90deg,\n transparent,\n var(--sb-champagne),\n transparent\n );\n\n animation:\n fgSilkBrushLine 3s ease-in-out infinite;\n }\n\n .fg-silkbrush__features {\n display: grid;\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n\n gap: 18px;\n\n width: 100%;\n max-width: 100%;\n min-width: 0;\n }\n\n .fg-silkbrush__card {\n position: relative;\n\n display: flex;\n align-items: flex-start;\n gap: 20px;\n\n width: 100%;\n max-width: 100%;\n min-width: 0;\n min-height: 154px;\n\n padding: 28px;\n\n overflow: hidden;\n\n border: 1px solid rgba(23, 62, 108, 0.1);\n border-radius: 26px;\n\n background: rgba(255, 255, 255, 0.78);\n\n box-shadow:\n 0 20px 55px rgba(23, 62, 108, 0.075);\n\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n\n transition:\n transform 0.4s ease,\n border-color 0.4s ease,\n box-shadow 0.4s ease;\n\n animation:\n fgSilkBrushReveal 0.8s ease both;\n }\n\n .fg-silkbrush__card:nth-child(1) {\n animation-delay: 0.1s;\n }\n\n .fg-silkbrush__card:nth-child(2) {\n animation-delay: 0.2s;\n }\n\n .fg-silkbrush__card:nth-child(3) {\n animation-delay: 0.3s;\n }\n\n .fg-silkbrush__card:nth-child(4) {\n animation-delay: 0.4s;\n }\n\n .fg-silkbrush__card:nth-child(5) {\n animation-delay: 0.5s;\n }\n\n .fg-silkbrush__card:nth-child(6) {\n animation-delay: 0.6s;\n }\n\n .fg-silkbrush__card::before {\n content: \"\";\n position: absolute;\n\n top: -90%;\n left: -65%;\n\n width: 58%;\n height: 280%;\n\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(255, 255, 255, 0.82),\n transparent\n );\n\n transform: rotate(22deg);\n\n transition:\n left 0.75s ease;\n\n pointer-events: none;\n }\n\n .fg-silkbrush__card::after {\n content: \"\";\n position: absolute;\n\n right: -35px;\n bottom: -35px;\n\n width: 110px;\n height: 110px;\n\n border-radius: 50%;\n\n background: rgba(139, 106, 167, 0.09);\n\n transition:\n transform 0.4s ease;\n\n pointer-events: none;\n }\n\n .fg-silkbrush__number {\n position: relative;\n z-index: 1;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 56px;\n height: 56px;\n flex: 0 0 56px;\n\n border-radius: 18px;\n\n background: linear-gradient(\n 145deg,\n var(--sb-soft-purple),\n var(--sb-white)\n );\n\n color: var(--sb-navy);\n\n box-shadow:\n inset 0 0 0 1px rgba(139, 106, 167, 0.22);\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size: 16px;\n font-style: italic;\n line-height: 1;\n\n transition:\n transform 0.4s ease,\n background 0.4s ease,\n color 0.4s ease;\n }\n\n .fg-silkbrush__card-copy {\n position: relative;\n z-index: 1;\n\n flex: 1 1 auto;\n\n min-width: 0;\n }\n\n .fg-silkbrush__card h3 {\n margin:\n 4px\n 0\n 10px;\n\n color: var(--sb-deep-navy);\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size: clamp(20px, 1.9vw, 22px);\n font-weight: 400;\n line-height: 1.25;\n\n text-wrap: balance;\n }\n\n .fg-silkbrush__card p {\n margin: 0;\n\n color: var(--sb-muted);\n\n font-size: 15px;\n line-height: 1.7;\n\n text-wrap: pretty;\n }\n\n .fg-silkbrush__details {\n display: grid;\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n\n gap: 14px;\n\n width: 100%;\n max-width: 100%;\n min-width: 0;\n\n margin-top: 22px;\n\n animation:\n fgSilkBrushReveal 0.9s 0.7s ease both;\n }\n\n .fg-silkbrush__detail {\n display: flex;\n align-items: center;\n gap: 14px;\n\n width: 100%;\n max-width: 100%;\n min-width: 0;\n\n padding:\n 19px\n 22px;\n\n border: 1px solid rgba(201, 179, 157, 0.3);\n border-radius: 18px;\n\n background: rgba(255, 253, 251, 0.8);\n\n transition:\n transform 0.35s ease,\n background 0.35s ease,\n box-shadow 0.35s ease;\n }\n\n .fg-silkbrush__detail-dot {\n display: block;\n\n width: 11px;\n height: 11px;\n flex: 0 0 11px;\n\n border-radius: 50%;\n\n background: var(--sb-gold);\n\n box-shadow:\n 0 0 0 7px rgba(199, 168, 104, 0.14);\n\n animation:\n fgSilkBrushPulse 2.8s ease-in-out infinite;\n }\n\n .fg-silkbrush__detail:nth-child(2)\n .fg-silkbrush__detail-dot {\n background: var(--sb-purple);\n\n box-shadow:\n 0 0 0 7px rgba(139, 106, 167, 0.13);\n\n animation-delay: -1.4s;\n }\n\n .fg-silkbrush__detail p {\n margin: 0;\n\n color: var(--sb-navy);\n\n font-size: 14px;\n font-weight: 700;\n line-height: 1.5;\n\n text-wrap: pretty;\n }\n\n .fg-silkbrush__colours {\n width: 100%;\n max-width: 100%;\n min-width: 0;\n\n margin-top: 22px;\n\n padding:\n clamp(28px, 5vw, 44px);\n\n border: 1px solid rgba(201, 179, 157, 0.3);\n border-radius: 28px;\n\n background: rgba(255, 253, 251, 0.82);\n\n box-shadow:\n 0 22px 58px rgba(23, 62, 108, 0.07);\n\n text-align: center;\n\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n\n animation:\n fgSilkBrushReveal 0.9s 0.78s ease both;\n }\n\n .fg-silkbrush__colours-heading {\n width: 100%;\n max-width: 100%;\n\n margin-bottom: 24px;\n }\n\n .fg-silkbrush__colours-heading \u003e span {\n display: block;\n\n margin-bottom: 8px;\n\n color: var(--sb-champagne);\n\n font-size: 11px;\n font-weight: 700;\n line-height: 1.5;\n letter-spacing: 0.19em;\n\n text-transform: uppercase;\n }\n\n .fg-silkbrush__colours-heading h3 {\n margin: 0;\n\n color: var(--sb-deep-navy);\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size: clamp(27px, 4vw, 40px);\n font-weight: 400;\n line-height: 1.2;\n\n text-wrap: balance;\n }\n\n .fg-silkbrush__colour-list {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 14px;\n\n width: 100%;\n max-width: 100%;\n }\n\n .fg-silkbrush__colour {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 9px;\n\n max-width: 100%;\n\n padding:\n 12px\n 17px;\n\n border: 1px solid rgba(23, 62, 108, 0.08);\n border-radius: 999px;\n\n background: rgba(255, 255, 255, 0.88);\n\n color: var(--sb-navy);\n\n font-size: 13px;\n font-weight: 700;\n line-height: 1.4;\n\n text-align: center;\n\n transition:\n transform 0.3s ease,\n box-shadow 0.3s ease;\n }\n\n .fg-silkbrush__colour b {\n color: var(--sb-champagne);\n font-weight: 400;\n }\n\n .fg-silkbrush__swatch {\n display: block;\n\n width: 17px;\n height: 17px;\n flex: 0 0 17px;\n\n border: 2px solid rgba(255, 255, 255, 0.92);\n border-radius: 50%;\n\n box-shadow:\n 0 0 0 1px rgba(23, 62, 108, 0.12);\n\n animation:\n fgSilkBrushSwatch 3s ease-in-out infinite;\n }\n\n .fg-silkbrush__swatch--white {\n background: #f7f5ef;\n }\n\n .fg-silkbrush__swatch--gold {\n background: #c7a868;\n\n animation-delay: -0.75s;\n }\n\n .fg-silkbrush__swatch--black {\n background: #171717;\n\n animation-delay: -1.5s;\n }\n\n .fg-silkbrush__swatch--purple {\n background: #8b6aa7;\n\n animation-delay: -2.25s;\n }\n\n .fg-silkbrush__footer {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n\n gap: 9px;\n\n width: 100%;\n max-width: 100%;\n\n margin-top:\n clamp(46px, 6vw, 56px);\n\n color: var(--sb-deep-navy);\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size: clamp(25px, 3.5vw, 41px);\n line-height: 1.2;\n\n text-align: center;\n text-wrap: balance;\n\n animation:\n fgSilkBrushReveal 0.9s 0.88s ease both;\n }\n\n .fg-silkbrush__footer strong {\n color: var(--sb-purple);\n\n font-style: italic;\n font-weight: 400;\n\n animation:\n fgSilkBrushTextGlow 3.5s ease-in-out infinite;\n }\n\n @media (hover: hover) and (pointer: fine) {\n .fg-silkbrush__card:hover {\n transform: translateY(-7px);\n\n border-color: rgba(139, 106, 167, 0.42);\n\n box-shadow:\n 0 28px 65px rgba(23, 62, 108, 0.13);\n }\n\n .fg-silkbrush__card:hover::before {\n left: 125%;\n }\n\n .fg-silkbrush__card:hover::after {\n transform: scale(1.3);\n }\n\n .fg-silkbrush__card:hover\n .fg-silkbrush__number {\n color: var(--sb-white);\n\n transform:\n rotate(-5deg)\n scale(1.08);\n\n background: linear-gradient(\n 145deg,\n var(--sb-purple),\n var(--sb-navy)\n );\n }\n\n .fg-silkbrush__detail:hover {\n transform: translateY(-4px);\n\n background: rgba(255, 255, 255, 0.96);\n\n box-shadow:\n 0 16px 34px rgba(23, 62, 108, 0.09);\n }\n\n .fg-silkbrush__colour:hover {\n transform: translateY(-3px);\n\n box-shadow:\n 0 12px 26px rgba(23, 62, 108, 0.11);\n }\n }\n\n @keyframes fgSilkBrushReveal {\n from {\n opacity: 0;\n transform: translateY(28px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes fgSilkBrushFloat {\n 0%,\n 100% {\n transform:\n translate3d(0, 0, 0)\n scale(1);\n }\n\n 50% {\n transform:\n translate3d(0, 25px, 0)\n scale(1.07);\n }\n }\n\n @keyframes fgSilkBrushLabelGlow {\n 0%,\n 100% {\n box-shadow:\n 0 12px 35px rgba(23, 62, 108, 0.07);\n }\n\n 50% {\n box-shadow:\n 0 14px 40px rgba(139, 106, 167, 0.24);\n }\n }\n\n @keyframes fgSilkBrushLine {\n 0%,\n 100% {\n opacity: 0.42;\n transform: scaleX(0.55);\n }\n\n 50% {\n opacity: 1;\n transform: scaleX(1);\n }\n }\n\n @keyframes fgSilkBrushTextGlow {\n 0%,\n 100% {\n text-shadow:\n 0 0 0 rgba(139, 106, 167, 0);\n }\n\n 50% {\n text-shadow:\n 0 9px 28px rgba(139, 106, 167, 0.35);\n }\n }\n\n @keyframes fgSilkBrushPulse {\n 0%,\n 100% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(1.18);\n }\n }\n\n @keyframes fgSilkBrushSwatch {\n 0%,\n 100% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(1.12);\n }\n }\n\n \/*\n FULL-WIDTH DESKTOP SECTION\n *\/\n\n @container silkBrush (min-width: 901px) {\n .fg-silkbrush__features {\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n }\n\n .fg-silkbrush__card {\n min-height: 154px;\n }\n\n .fg-silkbrush__details {\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n }\n\n .fg-silkbrush__colour-list {\n display: flex;\n justify-content: center;\n }\n }\n\n \/*\n NARROW SHOPIFY DESKTOP OR TABLET\n *\/\n\n @container silkBrush (min-width: 561px) and (max-width: 900px) {\n .fg-silkbrush {\n padding:\n 68px\n 20px;\n }\n\n .fg-silkbrush__container {\n max-width: 760px;\n }\n\n .fg-silkbrush__header {\n max-width: 720px;\n\n margin-bottom: 46px;\n }\n\n .fg-silkbrush__title {\n font-size: clamp(44px, 8cqw, 62px);\n line-height: 1.01;\n }\n\n .fg-silkbrush__description {\n max-width: 680px;\n }\n\n .fg-silkbrush__features,\n .fg-silkbrush__details {\n grid-template-columns:\n minmax(0, 1fr);\n\n max-width: 720px;\n\n margin-right: auto;\n margin-left: auto;\n }\n\n .fg-silkbrush__card {\n min-height: auto;\n }\n\n .fg-silkbrush__colours {\n max-width: 720px;\n\n margin-right: auto;\n margin-left: auto;\n }\n\n .fg-silkbrush__colour-list {\n display: grid;\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n\n max-width: 620px;\n\n margin-right: auto;\n margin-left: auto;\n }\n\n .fg-silkbrush__colour {\n width: 100%;\n }\n }\n\n \/*\n MOBILE OR NARROW PRODUCT COLUMN\n *\/\n\n @container silkBrush (max-width: 560px) {\n .fg-silkbrush {\n padding:\n 54px\n 15px;\n }\n\n .fg-silkbrush__header {\n margin-bottom: 38px;\n }\n\n .fg-silkbrush__label {\n margin-bottom: 19px;\n\n padding:\n 8px\n 13px;\n\n font-size: 9px;\n letter-spacing: 0.1em;\n }\n\n .fg-silkbrush__title {\n font-size: clamp(37px, 10.5cqw, 47px);\n line-height: 1.03;\n letter-spacing: -0.037em;\n }\n\n .fg-silkbrush__title span {\n margin-top: 7px;\n }\n\n .fg-silkbrush__description {\n margin-top: 24px;\n\n font-size: 15px;\n line-height: 1.72;\n }\n\n .fg-silkbrush__promise {\n margin-top: 24px;\n\n font-size: 13px;\n line-height: 1.45;\n }\n\n .fg-silkbrush__features,\n .fg-silkbrush__details {\n grid-template-columns:\n minmax(0, 1fr);\n\n gap: 14px;\n }\n\n .fg-silkbrush__card {\n gap: 15px;\n\n min-height: auto;\n\n padding:\n 23px\n 21px;\n\n border-radius: 21px;\n }\n\n .fg-silkbrush__number {\n width: 48px;\n height: 48px;\n flex-basis: 48px;\n\n border-radius: 15px;\n\n font-size: 14px;\n }\n\n .fg-silkbrush__card h3 {\n font-size: 20px;\n }\n\n .fg-silkbrush__card p {\n font-size: 14px;\n line-height: 1.68;\n }\n\n .fg-silkbrush__details {\n margin-top: 15px;\n }\n\n .fg-silkbrush__detail {\n gap: 13px;\n\n padding:\n 17px\n 18px;\n\n border-radius: 17px;\n }\n\n .fg-silkbrush__detail p {\n font-size: 13px;\n line-height: 1.5;\n }\n\n .fg-silkbrush__detail-dot {\n width: 10px;\n height: 10px;\n flex-basis: 10px;\n\n box-shadow:\n 0 0 0 6px rgba(199, 168, 104, 0.14);\n }\n\n .fg-silkbrush__detail:nth-child(2)\n .fg-silkbrush__detail-dot {\n box-shadow:\n 0 0 0 6px rgba(139, 106, 167, 0.13);\n }\n\n .fg-silkbrush__colours {\n margin-top: 15px;\n\n padding:\n 28px\n 18px;\n\n border-radius: 22px;\n }\n\n .fg-silkbrush__colours-heading {\n margin-bottom: 20px;\n }\n\n .fg-silkbrush__colours-heading \u003e span {\n font-size: 9px;\n letter-spacing: 0.15em;\n }\n\n .fg-silkbrush__colours-heading h3 {\n font-size: clamp(27px, 8cqw, 34px);\n }\n\n .fg-silkbrush__colour-list {\n display: grid;\n grid-template-columns:\n minmax(0, 1fr);\n\n gap: 10px;\n }\n\n .fg-silkbrush__colour {\n width: 100%;\n\n padding:\n 11px\n 13px;\n\n font-size: 12px;\n }\n\n .fg-silkbrush__footer {\n flex-direction: column;\n\n gap: 3px;\n\n margin-top: 42px;\n\n font-size: clamp(25px, 7.5cqw, 34px);\n line-height: 1.18;\n }\n\n .fg-silkbrush__glow {\n filter: blur(25px);\n }\n }\n\n \/*\n EXTRA-SMALL MOBILE\n *\/\n\n @container silkBrush (max-width: 390px) {\n .fg-silkbrush {\n padding:\n 49px\n 12px;\n }\n\n .fg-silkbrush__label {\n font-size: 8px;\n letter-spacing: 0.07em;\n }\n\n .fg-silkbrush__title {\n font-size: 35px;\n }\n\n .fg-silkbrush__description {\n font-size: 14px;\n }\n\n .fg-silkbrush__card {\n gap: 13px;\n\n padding:\n 21px\n 18px;\n }\n\n .fg-silkbrush__number {\n width: 43px;\n height: 43px;\n flex-basis: 43px;\n\n border-radius: 14px;\n\n font-size: 13px;\n }\n\n .fg-silkbrush__card h3 {\n font-size: 19px;\n }\n\n .fg-silkbrush__card p {\n font-size: 13px;\n }\n\n .fg-silkbrush__detail {\n padding:\n 16px\n 15px;\n }\n\n .fg-silkbrush__colours {\n padding:\n 25px\n 15px;\n }\n\n .fg-silkbrush__colour {\n gap: 7px;\n\n padding:\n 10px\n 9px;\n\n font-size: 11px;\n }\n\n .fg-silkbrush__swatch {\n width: 15px;\n height: 15px;\n flex-basis: 15px;\n }\n\n .fg-silkbrush__footer {\n font-size: 25px;\n }\n }\n\n \/*\n STANDARD VIEWPORT FALLBACKS\n *\/\n\n @media screen and (max-width: 900px) {\n .fg-silkbrush__features,\n .fg-silkbrush__details {\n grid-template-columns:\n minmax(0, 1fr);\n }\n\n .fg-silkbrush__card {\n min-height: auto;\n }\n }\n\n @media screen and (max-width: 749px) {\n .fg-silkbrush {\n padding:\n 66px\n 18px;\n }\n\n .fg-silkbrush__header {\n margin-bottom: 44px;\n }\n\n .fg-silkbrush__card {\n padding:\n 23px\n 21px;\n\n border-radius: 22px;\n }\n\n .fg-silkbrush__colour-list {\n display: grid;\n grid-template-columns:\n minmax(0, 1fr);\n }\n\n .fg-silkbrush__colour {\n width: 100%;\n }\n\n .fg-silkbrush__footer {\n flex-direction: column;\n gap: 3px;\n }\n }\n\n @media screen and (max-width: 520px) {\n .fg-silkbrush {\n padding:\n 54px\n 14px;\n }\n\n .fg-silkbrush__label {\n padding:\n 8px\n 13px;\n\n font-size: 9px;\n letter-spacing: 0.09em;\n }\n\n .fg-silkbrush__title {\n font-size: clamp(36px, 10.5vw, 44px);\n line-height: 1.03;\n }\n\n .fg-silkbrush__card {\n gap: 15px;\n\n padding:\n 22px\n 19px;\n }\n\n .fg-silkbrush__number {\n width: 48px;\n height: 48px;\n flex-basis: 48px;\n\n border-radius: 15px;\n\n font-size: 14px;\n }\n\n .fg-silkbrush__card h3 {\n font-size: 19px;\n }\n\n .fg-silkbrush__card p {\n font-size: 14px;\n }\n\n .fg-silkbrush__colour {\n justify-content: center;\n }\n }\n\n \/*\n FALLBACK FOR BROWSERS WITHOUT\n CONTAINER QUERY SUPPORT\n *\/\n\n @supports not (container-type: inline-size) {\n @media screen and (max-width: 1000px) {\n .fg-silkbrush__features,\n .fg-silkbrush__details {\n grid-template-columns:\n minmax(0, 1fr);\n }\n\n .fg-silkbrush__card {\n min-height: auto;\n }\n\n .fg-silkbrush__colour-list {\n display: grid;\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n }\n }\n\n @media screen and (max-width: 600px) {\n .fg-silkbrush__colour-list {\n grid-template-columns:\n minmax(0, 1fr);\n }\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .fg-silkbrush *,\n .fg-silkbrush *::before,\n .fg-silkbrush *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n scroll-behavior: auto !important;\n transition-duration: 0.01ms !important;\n }\n\n .fg-silkbrush__header,\n .fg-silkbrush__card,\n .fg-silkbrush__details,\n .fg-silkbrush__colours,\n .fg-silkbrush__footer {\n opacity: 1;\n transform: none;\n }\n }\n\u003c\/style\u003e","brand":"Fearless Grace","offers":[{"title":"White","offer_id":45896039465043,"sku":null,"price":499.0,"currency_code":"ZAR","in_stock":true},{"title":"Black","offer_id":45896039497811,"sku":null,"price":499.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0726\/0982\/4851\/files\/ChatGPT_Image_Aug_1_2026_at_03_14_44_PM.png?v=1785590981"},{"product_id":"velvetmist-7-in-1-keratin-spray","title":"VelvetMist – 7-in-1 Keratin Spray","description":"\u003c!-- VelvetMist 7-in-1 Keratin Spray | Shopify Responsive Section --\u003e\n\u003csection class=\"fg-velvetmist\"\u003e\n \u003cdiv class=\"fg-velvetmist__glow fg-velvetmist__glow--one\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"fg-velvetmist__glow fg-velvetmist__glow--two\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"fg-velvetmist__glow fg-velvetmist__glow--three\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"fg-velvetmist__container\"\u003e\n\n \u003cheader class=\"fg-velvetmist__header\"\u003e\n \u003cspan class=\"fg-velvetmist__label\"\u003e\n VelvetMist 7-in-1 Keratin Spray\n \u003c\/span\u003e\n\n \u003ch2 class=\"fg-velvetmist__title\"\u003e\n Seven Ingredients. One Spray.\n \u003cspan\u003eHair That Turns Heads.\u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp class=\"fg-velvetmist__description\"\u003e\n The VelvetMist 7-in-1 Keratin Spray is your shortcut to smooth, shiny,\n frizz-free hair — in a single application. A lightweight mist that\n absorbs instantly, eliminates tangles, banishes dryness, and leaves\n every strand nourished, strengthened, and effortlessly refined. No\n heaviness. No residue. Just hair that looks and feels like you just\n left the salon.\n \u003c\/p\u003e\n\n \u003cp class=\"fg-velvetmist__promise\"\u003e\n Spray it. Feel it. Own it.\n \u003c\/p\u003e\n \u003c\/header\u003e\n\n \u003cdiv class=\"fg-velvetmist__features\"\u003e\n\n \u003carticle class=\"fg-velvetmist__card\"\u003e\n \u003cspan class=\"fg-velvetmist__number\"\u003e01\u003c\/span\u003e\n\n \u003cdiv class=\"fg-velvetmist__card-copy\"\u003e\n \u003ch3\u003eFrizz-Free, Silky Smooth Hair\u003c\/h3\u003e\n\n \u003cp\u003e\n Keratin and Biotin smooth the hair shaft from root to tip.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"fg-velvetmist__card\"\u003e\n \u003cspan class=\"fg-velvetmist__number\"\u003e02\u003c\/span\u003e\n\n \u003cdiv class=\"fg-velvetmist__card-copy\"\u003e\n \u003ch3\u003eSeven Powerhouse Ingredients\u003c\/h3\u003e\n\n \u003cp\u003e\n Rosemary Oil, Castor Seed Oil, Batana Oil, Peppermint Oil, Flaxseed\n Oil, Keratin and Biotin.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"fg-velvetmist__card\"\u003e\n \u003cspan class=\"fg-velvetmist__number\"\u003e03\u003c\/span\u003e\n\n \u003cdiv class=\"fg-velvetmist__card-copy\"\u003e\n \u003ch3\u003eTangles Gone After One Use\u003c\/h3\u003e\n\n \u003cp\u003e\n Lightweight formula detangles without weighing hair down.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"fg-velvetmist__card\"\u003e\n \u003cspan class=\"fg-velvetmist__number\"\u003e04\u003c\/span\u003e\n\n \u003cdiv class=\"fg-velvetmist__card-copy\"\u003e\n \u003ch3\u003eAll-Day Refinement\u003c\/h3\u003e\n\n \u003cp\u003e\n Locks in moisture and shine from morning to night.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"fg-velvetmist__card\"\u003e\n \u003cspan class=\"fg-velvetmist__number\"\u003e05\u003c\/span\u003e\n\n \u003cdiv class=\"fg-velvetmist__card-copy\"\u003e\n \u003ch3\u003eSuitable for Dry and Oily Hair\u003c\/h3\u003e\n\n \u003cp\u003e\n Designed for both dry and oily hair types.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"fg-velvetmist__card\"\u003e\n \u003cspan class=\"fg-velvetmist__number\"\u003e06\u003c\/span\u003e\n\n \u003cdiv class=\"fg-velvetmist__card-copy\"\u003e\n \u003ch3\u003eCompact 100ml Size\u003c\/h3\u003e\n\n \u003cp\u003e\n Compact enough for your handbag or travel kit.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"fg-velvetmist__card fg-velvetmist__card--wide\"\u003e\n \u003cspan class=\"fg-velvetmist__number\"\u003e07\u003c\/span\u003e\n\n \u003cdiv class=\"fg-velvetmist__card-copy\"\u003e\n \u003ch3\u003eNo Heavy Residue\u003c\/h3\u003e\n\n \u003cp\u003e\n Absorbs instantly for a clean, natural finish.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"fg-velvetmist__ingredients\"\u003e\n\n \u003cdiv class=\"fg-velvetmist__ingredients-heading\"\u003e\n \u003cspan\u003eThe Seven-Ingredient Ritual\u003c\/span\u003e\n\n \u003ch3\u003e\n One refined formula. Seven essential ingredients.\n \u003c\/h3\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fg-velvetmist__ingredient-list\"\u003e\n\n \u003cspan class=\"fg-velvetmist__ingredient\"\u003e\n Rosemary Oil\n \u003c\/span\u003e\n\n \u003cspan class=\"fg-velvetmist__ingredient\"\u003e\n Castor Seed Oil\n \u003c\/span\u003e\n\n \u003cspan class=\"fg-velvetmist__ingredient\"\u003e\n Batana Oil\n \u003c\/span\u003e\n\n \u003cspan class=\"fg-velvetmist__ingredient\"\u003e\n Peppermint Oil\n \u003c\/span\u003e\n\n \u003cspan class=\"fg-velvetmist__ingredient\"\u003e\n Flaxseed Oil\n \u003c\/span\u003e\n\n \u003cspan class=\"fg-velvetmist__ingredient\"\u003e\n Keratin\n \u003c\/span\u003e\n\n \u003cspan class=\"fg-velvetmist__ingredient\"\u003e\n Biotin\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cfooter class=\"fg-velvetmist__footer\"\u003e\n \u003cspan\u003eSeven ingredients.\u003c\/span\u003e\n \u003cspan\u003eOne ritual.\u003c\/span\u003e\n \u003cstrong\u003eHair that glows.\u003c\/strong\u003e\n \u003c\/footer\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n .fg-velvetmist {\n --vm-midnight: #101b2d;\n --vm-navy: #173e6c;\n --vm-deep-navy: #0b213b;\n --vm-champagne: #c9b39d;\n --vm-gold: #c9a66b;\n --vm-deep-gold: #9a7545;\n --vm-ivory: #faf8f5;\n --vm-cream: #f5eee6;\n --vm-rose: #b97f8e;\n --vm-soft-rose: #ead8dc;\n --vm-white: #ffffff;\n --vm-text: #36485a;\n --vm-muted: rgba(54, 72, 90, 0.74);\n\n position: relative;\n isolation: isolate;\n overflow: hidden;\n\n width: 100%;\n max-width: 100%;\n min-width: 0;\n\n padding:\n clamp(76px, 9vw, 138px)\n clamp(16px, 3vw, 28px);\n\n background:\n radial-gradient(\n circle at 12% 12%,\n rgba(201, 166, 107, 0.23),\n transparent 28%\n ),\n radial-gradient(\n circle at 88% 18%,\n rgba(185, 127, 142, 0.2),\n transparent 30%\n ),\n radial-gradient(\n circle at 50% 100%,\n rgba(23, 62, 108, 0.16),\n transparent 38%\n ),\n linear-gradient(\n 135deg,\n #f8f3ed 0%,\n #fffdf9 38%,\n #f5ebe7 68%,\n #eee3dd 100%\n );\n\n color: var(--vm-text);\n\n font-family:\n Arial,\n Helvetica,\n sans-serif;\n\n container-type: inline-size;\n container-name: velvetMist;\n }\n\n .fg-velvetmist,\n .fg-velvetmist *,\n .fg-velvetmist *::before,\n .fg-velvetmist *::after {\n box-sizing: border-box;\n }\n\n .fg-velvetmist h2,\n .fg-velvetmist h3,\n .fg-velvetmist p {\n padding: 0;\n }\n\n .fg-velvetmist h2,\n .fg-velvetmist h3,\n .fg-velvetmist p,\n .fg-velvetmist span,\n .fg-velvetmist strong,\n .fg-velvetmist div,\n .fg-velvetmist article,\n .fg-velvetmist header,\n .fg-velvetmist footer {\n min-width: 0;\n max-width: 100%;\n word-break: normal;\n overflow-wrap: break-word;\n }\n\n .fg-velvetmist::before {\n content: \"\";\n position: absolute;\n z-index: 0;\n\n inset: 0;\n\n opacity: 0.36;\n\n background-image:\n linear-gradient(\n 115deg,\n transparent 0%,\n rgba(255, 255, 255, 0.38) 34%,\n transparent 54%\n ),\n repeating-linear-gradient(\n 135deg,\n rgba(255, 255, 255, 0.04) 0,\n rgba(255, 255, 255, 0.04) 1px,\n transparent 1px,\n transparent 9px\n );\n\n pointer-events: none;\n\n animation:\n fgVelvetMistBackground 12s ease-in-out infinite;\n }\n\n .fg-velvetmist__container {\n position: relative;\n z-index: 2;\n\n width: 100%;\n max-width: 1120px;\n min-width: 0;\n\n margin: 0 auto;\n }\n\n .fg-velvetmist__glow {\n position: absolute;\n z-index: 0;\n\n border-radius: 50%;\n\n filter: blur(42px);\n\n pointer-events: none;\n\n animation:\n fgVelvetMistFloat 11s ease-in-out infinite;\n }\n\n .fg-velvetmist__glow--one {\n top: -245px;\n right: -135px;\n\n width: clamp(300px, 38vw, 420px);\n height: clamp(300px, 38vw, 420px);\n\n background: rgba(201, 166, 107, 0.38);\n }\n\n .fg-velvetmist__glow--two {\n bottom: -275px;\n left: -165px;\n\n width: clamp(320px, 41vw, 450px);\n height: clamp(320px, 41vw, 450px);\n\n background: rgba(23, 62, 108, 0.14);\n\n animation-delay: -5.5s;\n }\n\n .fg-velvetmist__glow--three {\n top: 42%;\n right: 3%;\n\n width: clamp(140px, 21vw, 230px);\n height: clamp(140px, 21vw, 230px);\n\n background: rgba(185, 127, 142, 0.24);\n\n animation-delay: -2.8s;\n }\n\n .fg-velvetmist__header {\n width: 100%;\n max-width: 930px;\n min-width: 0;\n\n margin:\n 0 auto\n clamp(46px, 6vw, 60px);\n\n text-align: center;\n\n animation:\n fgVelvetMistReveal 0.9s ease both;\n }\n\n .fg-velvetmist__label {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n\n max-width: 100%;\n\n margin:\n 0 auto\n 23px;\n\n padding:\n 10px\n 19px;\n\n border: 1px solid rgba(154, 117, 69, 0.24);\n border-radius: 999px;\n\n background: rgba(255, 255, 255, 0.7);\n\n color: var(--vm-deep-navy);\n\n box-shadow:\n 0 12px 35px rgba(16, 27, 45, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.8);\n\n font-size: clamp(9px, 1vw, 12px);\n font-weight: 700;\n line-height: 1.4;\n letter-spacing: 0.17em;\n\n text-align: center;\n text-transform: uppercase;\n\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n\n animation:\n fgVelvetMistLabelGlow 4s ease-in-out infinite;\n }\n\n .fg-velvetmist__title {\n width: 100%;\n max-width: 100%;\n\n margin: 0;\n\n color: var(--vm-deep-navy);\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size: clamp(43px, 6.7vw, 83px);\n font-weight: 400;\n line-height: 1;\n letter-spacing: -0.046em;\n\n text-wrap: balance;\n }\n\n .fg-velvetmist__title span {\n display: block;\n\n margin-top: 8px;\n\n color: var(--vm-deep-gold);\n\n font-style: italic;\n font-weight: 400;\n\n animation:\n fgVelvetMistTextGlow 3.5s ease-in-out infinite;\n }\n\n .fg-velvetmist__description {\n width: 100%;\n max-width: 860px;\n\n margin:\n 31px auto 0;\n\n color: rgba(54, 72, 90, 0.84);\n\n font-size: clamp(16px, 1.8vw, 19px);\n line-height: 1.84;\n\n text-wrap: pretty;\n }\n\n .fg-velvetmist__promise {\n position: relative;\n\n display: inline-block;\n\n max-width: 100%;\n\n margin:\n 29px auto 0;\n\n padding-bottom: 10px;\n\n color: var(--vm-navy);\n\n font-size: 15px;\n font-weight: 700;\n line-height: 1.5;\n letter-spacing: 0.04em;\n\n text-wrap: balance;\n }\n\n .fg-velvetmist__promise::after {\n content: \"\";\n position: absolute;\n\n right: 0;\n bottom: 0;\n left: 0;\n\n height: 1px;\n\n background: linear-gradient(\n 90deg,\n transparent,\n var(--vm-gold),\n transparent\n );\n\n animation:\n fgVelvetMistLine 3s ease-in-out infinite;\n }\n\n .fg-velvetmist__features {\n display: grid;\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n\n gap: 18px;\n\n width: 100%;\n max-width: 100%;\n min-width: 0;\n }\n\n .fg-velvetmist__card {\n position: relative;\n\n display: flex;\n align-items: flex-start;\n gap: 20px;\n\n width: 100%;\n max-width: 100%;\n min-width: 0;\n min-height: 158px;\n\n padding: 28px;\n\n overflow: hidden;\n\n border: 1px solid rgba(201, 166, 107, 0.2);\n border-radius: 26px;\n\n background: linear-gradient(\n 145deg,\n rgba(255, 255, 255, 0.82),\n rgba(250, 246, 241, 0.68)\n );\n\n box-shadow:\n 0 20px 55px rgba(16, 27, 45, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.85);\n\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n\n transition:\n transform 0.4s ease,\n border-color 0.4s ease,\n box-shadow 0.4s ease;\n\n animation:\n fgVelvetMistReveal 0.8s ease both;\n }\n\n .fg-velvetmist__card:nth-child(1) {\n animation-delay: 0.08s;\n }\n\n .fg-velvetmist__card:nth-child(2) {\n animation-delay: 0.16s;\n }\n\n .fg-velvetmist__card:nth-child(3) {\n animation-delay: 0.24s;\n }\n\n .fg-velvetmist__card:nth-child(4) {\n animation-delay: 0.32s;\n }\n\n .fg-velvetmist__card:nth-child(5) {\n animation-delay: 0.4s;\n }\n\n .fg-velvetmist__card:nth-child(6) {\n animation-delay: 0.48s;\n }\n\n .fg-velvetmist__card:nth-child(7) {\n animation-delay: 0.56s;\n }\n\n .fg-velvetmist__card--wide {\n grid-column: 1 \/ -1;\n }\n\n .fg-velvetmist__card::before {\n content: \"\";\n position: absolute;\n\n top: -95%;\n left: -70%;\n\n width: 58%;\n height: 290%;\n\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(255, 255, 255, 0.82),\n transparent\n );\n\n transform: rotate(22deg);\n\n transition:\n left 0.8s ease;\n\n pointer-events: none;\n }\n\n .fg-velvetmist__card::after {\n content: \"\";\n position: absolute;\n\n right: -40px;\n bottom: -40px;\n\n width: 125px;\n height: 125px;\n\n border-radius: 50%;\n\n background: radial-gradient(\n circle,\n rgba(201, 166, 107, 0.16),\n rgba(185, 127, 142, 0.05) 70%\n );\n\n transition:\n transform 0.4s ease;\n\n pointer-events: none;\n }\n\n .fg-velvetmist__number {\n position: relative;\n z-index: 1;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 56px;\n height: 56px;\n flex: 0 0 56px;\n\n border-radius: 18px;\n\n background: linear-gradient(\n 145deg,\n rgba(234, 216, 220, 0.95),\n rgba(255, 255, 255, 0.95)\n );\n\n color: var(--vm-deep-gold);\n\n box-shadow:\n inset 0 0 0 1px rgba(201, 166, 107, 0.22),\n 0 10px 24px rgba(16, 27, 45, 0.06);\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size: 16px;\n font-style: italic;\n line-height: 1;\n\n transition:\n transform 0.4s ease,\n background 0.4s ease,\n color 0.4s ease;\n }\n\n .fg-velvetmist__card-copy {\n position: relative;\n z-index: 1;\n\n flex: 1 1 auto;\n\n min-width: 0;\n }\n\n .fg-velvetmist__card h3 {\n margin:\n 4px\n 0\n 10px;\n\n color: var(--vm-deep-navy);\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size: clamp(20px, 1.9vw, 22px);\n font-weight: 400;\n line-height: 1.25;\n\n text-wrap: balance;\n }\n\n .fg-velvetmist__card p {\n margin: 0;\n\n color: var(--vm-muted);\n\n font-size: 15px;\n line-height: 1.7;\n\n text-wrap: pretty;\n }\n\n .fg-velvetmist__ingredients {\n width: 100%;\n max-width: 100%;\n min-width: 0;\n\n margin-top: 22px;\n\n padding:\n clamp(30px, 5vw, 48px);\n\n border: 1px solid rgba(201, 166, 107, 0.26);\n border-radius: 30px;\n\n background: linear-gradient(\n 145deg,\n rgba(255, 255, 255, 0.82),\n rgba(246, 238, 230, 0.72)\n );\n\n box-shadow:\n 0 24px 64px rgba(16, 27, 45, 0.09),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n\n text-align: center;\n\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n\n animation:\n fgVelvetMistReveal 0.9s 0.65s ease both;\n }\n\n .fg-velvetmist__ingredients-heading {\n width: 100%;\n max-width: 100%;\n\n margin-bottom: 26px;\n }\n\n .fg-velvetmist__ingredients-heading \u003e span {\n display: block;\n\n margin-bottom: 9px;\n\n color: var(--vm-deep-gold);\n\n font-size: 11px;\n font-weight: 700;\n line-height: 1.5;\n letter-spacing: 0.2em;\n\n text-transform: uppercase;\n }\n\n .fg-velvetmist__ingredients-heading h3 {\n margin: 0;\n\n color: var(--vm-deep-navy);\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size: clamp(27px, 4vw, 41px);\n font-weight: 400;\n line-height: 1.2;\n\n text-wrap: balance;\n }\n\n .fg-velvetmist__ingredient-list {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px;\n\n width: 100%;\n max-width: 100%;\n min-width: 0;\n }\n\n .fg-velvetmist__ingredient {\n position: relative;\n\n display: inline-flex;\n align-items: center;\n justify-content: center;\n\n max-width: 100%;\n\n padding:\n 11px\n 17px;\n\n overflow: hidden;\n\n border: 1px solid rgba(154, 117, 69, 0.18);\n border-radius: 999px;\n\n background: rgba(255, 255, 255, 0.8);\n\n color: var(--vm-deep-navy);\n\n box-shadow:\n 0 10px 25px rgba(16, 27, 45, 0.06);\n\n font-size: 13px;\n font-weight: 700;\n line-height: 1.4;\n\n text-align: center;\n\n transition:\n transform 0.3s ease,\n box-shadow 0.3s ease,\n color 0.3s ease;\n\n animation:\n fgVelvetMistIngredient 4s ease-in-out infinite;\n }\n\n .fg-velvetmist__ingredient:nth-child(2) {\n animation-delay: -0.55s;\n }\n\n .fg-velvetmist__ingredient:nth-child(3) {\n animation-delay: -1.1s;\n }\n\n .fg-velvetmist__ingredient:nth-child(4) {\n animation-delay: -1.65s;\n }\n\n .fg-velvetmist__ingredient:nth-child(5) {\n animation-delay: -2.2s;\n }\n\n .fg-velvetmist__ingredient:nth-child(6) {\n animation-delay: -2.75s;\n }\n\n .fg-velvetmist__ingredient:nth-child(7) {\n animation-delay: -3.3s;\n }\n\n .fg-velvetmist__footer {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n\n gap: 9px;\n\n width: 100%;\n max-width: 100%;\n\n margin-top:\n clamp(46px, 6vw, 58px);\n\n color: var(--vm-deep-navy);\n\n font-family:\n Georgia,\n \"Times New Roman\",\n serif;\n\n font-size: clamp(25px, 3.5vw, 41px);\n line-height: 1.2;\n\n text-align: center;\n text-wrap: balance;\n\n animation:\n fgVelvetMistReveal 0.9s 0.8s ease both;\n }\n\n .fg-velvetmist__footer strong {\n color: var(--vm-deep-gold);\n\n font-style: italic;\n font-weight: 400;\n\n animation:\n fgVelvetMistTextGlow 3.5s ease-in-out infinite;\n }\n\n @media (hover: hover) and (pointer: fine) {\n .fg-velvetmist__card:hover {\n transform: translateY(-8px);\n\n border-color: rgba(154, 117, 69, 0.42);\n\n box-shadow:\n 0 30px 70px rgba(16, 27, 45, 0.14),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n }\n\n .fg-velvetmist__card:hover::before {\n left: 130%;\n }\n\n .fg-velvetmist__card:hover::after {\n transform: scale(1.3);\n }\n\n .fg-velvetmist__card:hover\n .fg-velvetmist__number {\n color: var(--vm-ivory);\n\n transform:\n rotate(-5deg)\n scale(1.08);\n\n background: linear-gradient(\n 145deg,\n var(--vm-gold),\n var(--vm-deep-navy)\n );\n }\n\n .fg-velvetmist__ingredient:hover {\n color: var(--vm-deep-gold);\n\n transform: translateY(-4px);\n\n box-shadow:\n 0 15px 32px rgba(16, 27, 45, 0.11);\n }\n }\n\n @keyframes fgVelvetMistReveal {\n from {\n opacity: 0;\n transform: translateY(28px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes fgVelvetMistFloat {\n 0%,\n 100% {\n transform:\n translate3d(0, 0, 0)\n scale(1);\n }\n\n 50% {\n transform:\n translate3d(0, 26px, 0)\n scale(1.07);\n }\n }\n\n @keyframes fgVelvetMistBackground {\n 0%,\n 100% {\n opacity: 0.28;\n transform: translateX(-1%);\n }\n\n 50% {\n opacity: 0.42;\n transform: translateX(1%);\n }\n }\n\n @keyframes fgVelvetMistLabelGlow {\n 0%,\n 100% {\n box-shadow:\n 0 12px 35px rgba(16, 27, 45, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.8);\n }\n\n 50% {\n box-shadow:\n 0 16px 42px rgba(201, 166, 107, 0.25),\n inset 0 1px 0 rgba(255, 255, 255, 0.9);\n }\n }\n\n @keyframes fgVelvetMistLine {\n 0%,\n 100% {\n opacity: 0.42;\n transform: scaleX(0.55);\n }\n\n 50% {\n opacity: 1;\n transform: scaleX(1);\n }\n }\n\n @keyframes fgVelvetMistTextGlow {\n 0%,\n 100% {\n text-shadow:\n 0 0 0 rgba(201, 166, 107, 0);\n }\n\n 50% {\n text-shadow:\n 0 10px 30px rgba(201, 166, 107, 0.4);\n }\n }\n\n @keyframes fgVelvetMistIngredient {\n 0%,\n 100% {\n transform: translateY(0);\n }\n\n 50% {\n transform: translateY(-3px);\n }\n }\n\n \/*\n FULL-WIDTH DESKTOP SECTION\n *\/\n\n @container velvetMist (min-width: 901px) {\n .fg-velvetmist__features {\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n }\n\n .fg-velvetmist__card {\n min-height: 158px;\n }\n\n .fg-velvetmist__card--wide {\n grid-column: 1 \/ -1;\n }\n\n .fg-velvetmist__ingredient-list {\n display: flex;\n justify-content: center;\n }\n }\n\n \/*\n NARROW SHOPIFY DESKTOP OR TABLET\n *\/\n\n @container velvetMist (min-width: 561px) and (max-width: 900px) {\n .fg-velvetmist {\n padding:\n 68px\n 20px;\n }\n\n .fg-velvetmist__container {\n max-width: 760px;\n }\n\n .fg-velvetmist__header {\n max-width: 720px;\n\n margin-bottom: 46px;\n }\n\n .fg-velvetmist__title {\n font-size: clamp(44px, 8cqw, 62px);\n line-height: 1.01;\n }\n\n .fg-velvetmist__description {\n max-width: 680px;\n }\n\n .fg-velvetmist__features {\n grid-template-columns:\n minmax(0, 1fr);\n\n max-width: 720px;\n\n margin-right: auto;\n margin-left: auto;\n }\n\n .fg-velvetmist__card,\n .fg-velvetmist__card--wide {\n grid-column: auto;\n min-height: auto;\n }\n\n .fg-velvetmist__ingredients {\n max-width: 720px;\n\n margin-right: auto;\n margin-left: auto;\n }\n\n .fg-velvetmist__ingredient-list {\n display: grid;\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n\n max-width: 620px;\n\n margin-right: auto;\n margin-left: auto;\n }\n\n .fg-velvetmist__ingredient {\n width: 100%;\n }\n }\n\n \/*\n MOBILE OR NARROW PRODUCT COLUMN\n *\/\n\n @container velvetMist (max-width: 560px) {\n .fg-velvetmist {\n padding:\n 54px\n 15px;\n }\n\n .fg-velvetmist__header {\n margin-bottom: 38px;\n }\n\n .fg-velvetmist__label {\n margin-bottom: 19px;\n\n padding:\n 8px\n 13px;\n\n font-size: 9px;\n letter-spacing: 0.1em;\n }\n\n .fg-velvetmist__title {\n font-size: clamp(37px, 10.5cqw, 47px);\n line-height: 1.03;\n letter-spacing: -0.037em;\n }\n\n .fg-velvetmist__title span {\n margin-top: 7px;\n }\n\n .fg-velvetmist__description {\n margin-top: 24px;\n\n font-size: 15px;\n line-height: 1.72;\n }\n\n .fg-velvetmist__promise {\n margin-top: 24px;\n\n font-size: 13px;\n line-height: 1.45;\n }\n\n .fg-velvetmist__features {\n grid-template-columns:\n minmax(0, 1fr);\n\n gap: 14px;\n }\n\n .fg-velvetmist__card,\n .fg-velvetmist__card--wide {\n grid-column: auto;\n\n gap: 15px;\n\n min-height: auto;\n\n padding:\n 23px\n 21px;\n\n border-radius: 21px;\n }\n\n .fg-velvetmist__number {\n width: 48px;\n height: 48px;\n flex-basis: 48px;\n\n border-radius: 15px;\n\n font-size: 14px;\n }\n\n .fg-velvetmist__card h3 {\n font-size: 20px;\n }\n\n .fg-velvetmist__card p {\n font-size: 14px;\n line-height: 1.68;\n }\n\n .fg-velvetmist__ingredients {\n margin-top: 15px;\n\n padding:\n 28px\n 18px;\n\n border-radius: 22px;\n }\n\n .fg-velvetmist__ingredients-heading {\n margin-bottom: 21px;\n }\n\n .fg-velvetmist__ingredients-heading \u003e span {\n font-size: 9px;\n letter-spacing: 0.15em;\n }\n\n .fg-velvetmist__ingredients-heading h3 {\n font-size: clamp(27px, 8cqw, 34px);\n }\n\n .fg-velvetmist__ingredient-list {\n display: grid;\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n\n gap: 9px;\n }\n\n .fg-velvetmist__ingredient {\n width: 100%;\n\n padding:\n 10px\n 11px;\n\n font-size: 12px;\n }\n\n .fg-velvetmist__footer {\n flex-direction: column;\n\n gap: 3px;\n\n margin-top: 42px;\n\n font-size: clamp(25px, 7.5cqw, 34px);\n line-height: 1.18;\n }\n\n .fg-velvetmist__glow {\n filter: blur(26px);\n }\n }\n\n \/*\n EXTRA-SMALL MOBILE\n *\/\n\n @container velvetMist (max-width: 390px) {\n .fg-velvetmist {\n padding:\n 49px\n 12px;\n }\n\n .fg-velvetmist__label {\n font-size: 8px;\n letter-spacing: 0.07em;\n }\n\n .fg-velvetmist__title {\n font-size: 35px;\n }\n\n .fg-velvetmist__description {\n font-size: 14px;\n }\n\n .fg-velvetmist__card,\n .fg-velvetmist__card--wide {\n gap: 13px;\n\n padding:\n 21px\n 18px;\n }\n\n .fg-velvetmist__number {\n width: 43px;\n height: 43px;\n flex-basis: 43px;\n\n border-radius: 14px;\n\n font-size: 13px;\n }\n\n .fg-velvetmist__card h3 {\n font-size: 19px;\n }\n\n .fg-velvetmist__card p {\n font-size: 13px;\n }\n\n .fg-velvetmist__ingredients {\n padding:\n 25px\n 15px;\n }\n\n .fg-velvetmist__ingredient-list {\n grid-template-columns:\n minmax(0, 1fr);\n }\n\n .fg-velvetmist__ingredient {\n font-size: 12px;\n }\n\n .fg-velvetmist__footer {\n font-size: 25px;\n }\n }\n\n \/*\n STANDARD VIEWPORT FALLBACKS\n *\/\n\n @media screen and (max-width: 900px) {\n .fg-velvetmist__features {\n grid-template-columns:\n minmax(0, 1fr);\n }\n\n .fg-velvetmist__card,\n .fg-velvetmist__card--wide {\n grid-column: auto;\n min-height: auto;\n }\n }\n\n @media screen and (max-width: 749px) {\n .fg-velvetmist {\n padding:\n 66px\n 18px;\n }\n\n .fg-velvetmist__header {\n margin-bottom: 44px;\n }\n\n .fg-velvetmist__card {\n padding:\n 23px\n 21px;\n\n border-radius: 22px;\n }\n\n .fg-velvetmist__ingredient-list {\n display: grid;\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n }\n\n .fg-velvetmist__ingredient {\n width: 100%;\n }\n\n .fg-velvetmist__footer {\n flex-direction: column;\n gap: 3px;\n }\n }\n\n @media screen and (max-width: 520px) {\n .fg-velvetmist {\n padding:\n 54px\n 14px;\n }\n\n .fg-velvetmist__label {\n padding:\n 8px\n 13px;\n\n font-size: 9px;\n letter-spacing: 0.09em;\n }\n\n .fg-velvetmist__title {\n font-size: clamp(36px, 10.5vw, 44px);\n line-height: 1.03;\n }\n\n .fg-velvetmist__card {\n gap: 15px;\n\n padding:\n 22px\n 19px;\n }\n\n .fg-velvetmist__number {\n width: 48px;\n height: 48px;\n flex-basis: 48px;\n\n border-radius: 15px;\n\n font-size: 14px;\n }\n\n .fg-velvetmist__card h3 {\n font-size: 19px;\n }\n\n .fg-velvetmist__card p {\n font-size: 14px;\n }\n }\n\n @media screen and (max-width: 390px) {\n .fg-velvetmist__ingredient-list {\n grid-template-columns:\n minmax(0, 1fr);\n }\n }\n\n \/*\n FALLBACK FOR BROWSERS WITHOUT\n CONTAINER QUERY SUPPORT\n *\/\n\n @supports not (container-type: inline-size) {\n @media screen and (max-width: 1000px) {\n .fg-velvetmist__features {\n grid-template-columns:\n minmax(0, 1fr);\n }\n\n .fg-velvetmist__card,\n .fg-velvetmist__card--wide {\n grid-column: auto;\n min-height: auto;\n }\n\n .fg-velvetmist__ingredient-list {\n display: grid;\n grid-template-columns:\n repeat(2, minmax(0, 1fr));\n }\n }\n\n @media screen and (max-width: 480px) {\n .fg-velvetmist__ingredient-list {\n grid-template-columns:\n minmax(0, 1fr);\n }\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .fg-velvetmist,\n .fg-velvetmist::before,\n .fg-velvetmist *,\n .fg-velvetmist *::before,\n .fg-velvetmist *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n scroll-behavior: auto !important;\n transition-duration: 0.01ms !important;\n }\n\n .fg-velvetmist__header,\n .fg-velvetmist__card,\n .fg-velvetmist__ingredients,\n .fg-velvetmist__footer {\n opacity: 1;\n transform: none;\n }\n }\n\u003c\/style\u003e","brand":"Fearless Grace","offers":[{"title":"Default Title","offer_id":45896265302099,"sku":null,"price":269.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0726\/0982\/4851\/files\/ChatGPT_Image_Aug_1_2026_at_03_54_02_PM_8bec0ebd-00dd-4530-b474-5d5faa5b1f5f.png?v=1785593839"},{"product_id":"silkrevive-4-piece-collagen-keratin-hair-care-set","title":"SilkRevive – 4-Piece Collagen Keratin Hair Care Set","description":"\u003csection class=\"fg-silkrevive\" aria-labelledby=\"fg-silkrevive-title\"\u003e\n \u003cdiv class=\"fg-silkrevive__glow fg-silkrevive__glow--one\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"fg-silkrevive__glow fg-silkrevive__glow--two\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"fg-silkrevive__glow fg-silkrevive__glow--three\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"fg-silkrevive__container\"\u003e\n \u003cheader class=\"fg-silkrevive__header\"\u003e\n \u003cspan class=\"fg-silkrevive__label\"\u003e\n SilkRevive 4-Piece Collagen Keratin Hair Care Set\n \u003c\/span\u003e\n\n \u003ch2 id=\"fg-silkrevive-title\" class=\"fg-silkrevive__title\"\u003e\n From Frizzy to Flawless.\n \u003cspan\u003eOne Complete Ritual.\u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp class=\"fg-silkrevive__description\"\u003e\n The SilkRevive 4-Piece Collagen Keratin Hair Care Set is a full\n salon-grade hair ritual in four steps. Collagen rebuilds strength and\n elasticity, Keratin smooths and repairs, and together they transform\n dry, frizzy, damaged hair into silky, refreshed, and visibly healthier\n strands — without any greasy residue. Everything you need, perfectly\n matched, in one beautifully curated set.\n \u003c\/p\u003e\n\n \u003cp class=\"fg-silkrevive__promise\"\u003e\n Wash it. Mask it. Oil it. Own it.\n \u003c\/p\u003e\n \u003c\/header\u003e\n\n \u003cdiv class=\"fg-silkrevive__features\"\u003e\n \u003carticle class=\"fg-silkrevive__card\"\u003e\n \u003cspan class=\"fg-silkrevive__number\" aria-hidden=\"true\"\u003e\n 01\n \u003c\/span\u003e\n\n \u003cdiv class=\"fg-silkrevive__card-copy\"\u003e\n \u003ch3\u003eSilky, Frizz-Free Hair\u003c\/h3\u003e\n\n \u003cp\u003e\n Keratin smooths the hair shaft for lasting softness and shine.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"fg-silkrevive__card\"\u003e\n \u003cspan class=\"fg-silkrevive__number\" aria-hidden=\"true\"\u003e\n 02\n \u003c\/span\u003e\n\n \u003cdiv class=\"fg-silkrevive__card-copy\"\u003e\n \u003ch3\u003eDeep Nourishment Without the Grease\u003c\/h3\u003e\n\n \u003cp\u003e\n The lightweight formula absorbs fully, leaving hair feeling clean\n and refreshed.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"fg-silkrevive__card\"\u003e\n \u003cspan class=\"fg-silkrevive__number\" aria-hidden=\"true\"\u003e\n 03\n \u003c\/span\u003e\n\n \u003cdiv class=\"fg-silkrevive__card-copy\"\u003e\n \u003ch3\u003eCollagen-Powered Strength\u003c\/h3\u003e\n\n \u003cp\u003e\n Rebuilds elasticity and reduces breakage from root to tip.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"fg-silkrevive__card\"\u003e\n \u003cspan class=\"fg-silkrevive__number\" aria-hidden=\"true\"\u003e\n 04\n \u003c\/span\u003e\n\n \u003cdiv class=\"fg-silkrevive__card-copy\"\u003e\n \u003ch3\u003eSuitable for All Hair Types\u003c\/h3\u003e\n\n \u003cp\u003e\n Suitable for dry, oily, damaged, or colour-treated hair.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"fg-silkrevive__card\"\u003e\n \u003cspan class=\"fg-silkrevive__number\" aria-hidden=\"true\"\u003e\n 05\n \u003c\/span\u003e\n\n \u003cdiv class=\"fg-silkrevive__card-copy\"\u003e\n \u003ch3\u003eFor Men and Women\u003c\/h3\u003e\n\n \u003cp\u003e\n A complete hair care ritual designed for everyday use.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"fg-silkrevive__card\"\u003e\n \u003cspan class=\"fg-silkrevive__number\" aria-hidden=\"true\"\u003e\n 06\n \u003c\/span\u003e\n\n \u003cdiv class=\"fg-silkrevive__card-copy\"\u003e\n \u003ch3\u003eTravel-Size\u003c\/h3\u003e\n\n \u003cp\u003e\n Compact enough for your gym bag, carry-on, or weekend away.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"fg-silkrevive__card fg-silkrevive__card--wide\"\u003e\n \u003cspan class=\"fg-silkrevive__number\" aria-hidden=\"true\"\u003e\n 07\n \u003c\/span\u003e\n\n \u003cdiv class=\"fg-silkrevive__card-copy\"\u003e\n \u003ch3\u003eBeautifully Presented\u003c\/h3\u003e\n\n \u003cp\u003e\n A complete, thoughtful gift for anyone who deserves great hair.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fg-silkrevive__ritual\"\u003e\n \u003cdiv class=\"fg-silkrevive__ritual-heading\"\u003e\n \u003cspan\u003eThe Complete 4-Step Ritual\u003c\/span\u003e\n\n \u003ch3\u003eEverything you need, perfectly matched.\u003c\/h3\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fg-silkrevive__steps\" role=\"list\" aria-label=\"The complete four-step hair care ritual\"\u003e\n \u003carticle class=\"fg-silkrevive__step\" role=\"listitem\"\u003e\n \u003cspan class=\"fg-silkrevive__step-number\" aria-hidden=\"true\"\u003e\n 01\n \u003c\/span\u003e\n\n \u003ch4\u003eShampoo\u003c\/h4\u003e\n \u003cp\u003e100ml\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003cdiv class=\"fg-silkrevive__connector\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n \u003carticle class=\"fg-silkrevive__step\" role=\"listitem\"\u003e\n \u003cspan class=\"fg-silkrevive__step-number\" aria-hidden=\"true\"\u003e\n 02\n \u003c\/span\u003e\n\n \u003ch4\u003eHair Mask\u003c\/h4\u003e\n \u003cp\u003e100ml\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003cdiv class=\"fg-silkrevive__connector\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n \u003carticle class=\"fg-silkrevive__step\" role=\"listitem\"\u003e\n \u003cspan class=\"fg-silkrevive__step-number\" aria-hidden=\"true\"\u003e\n 03\n \u003c\/span\u003e\n\n \u003ch4\u003eEssential Oil\u003c\/h4\u003e\n \u003cp\u003e30ml\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003cdiv class=\"fg-silkrevive__connector\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n \u003carticle class=\"fg-silkrevive__step\" role=\"listitem\"\u003e\n \u003cspan class=\"fg-silkrevive__step-number\" aria-hidden=\"true\"\u003e\n 04\n \u003c\/span\u003e\n\n \u003ch4\u003eConditioner\u003c\/h4\u003e\n \u003cp\u003e60g\u003c\/p\u003e\n \u003c\/article\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cfooter class=\"fg-silkrevive__footer\"\u003e\n \u003cspan\u003eFour products.\u003c\/span\u003e\n \u003cspan\u003eOne ritual.\u003c\/span\u003e\n \u003cstrong\u003eHair that turns heads.\u003c\/strong\u003e\n \u003c\/footer\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n \/* =========================================================\n FEARLESS GRACE — SILKREVIVE\n Shopify Custom Liquid \/ Product Description compatible\n ========================================================= *\/\n\n .fg-silkrevive {\n --fg-midnight: #101a2b;\n --fg-navy: #173e6c;\n --fg-deep-navy: #0b223d;\n --fg-champagne: #c9b39d;\n --fg-gold: #c8a56a;\n --fg-deep-gold: #9b7442;\n --fg-ivory: #faf8f5;\n --fg-cream: #f4eee7;\n --fg-rose: #b7818e;\n --fg-soft-rose: #eadadd;\n --fg-text: #36495b;\n\n position: relative;\n isolation: isolate;\n display: block;\n width: 100%;\n max-width: 100%;\n margin: 0;\n padding:\n clamp(72px, 8vw, 132px)\n clamp(16px, 3vw, 30px);\n overflow: hidden;\n container-name: fg-silkrevive;\n container-type: inline-size;\n background:\n radial-gradient(\n circle at 10% 10%,\n rgba(200, 165, 106, 0.25),\n transparent 28%\n ),\n radial-gradient(\n circle at 90% 14%,\n rgba(183, 129, 142, 0.2),\n transparent 31%\n ),\n radial-gradient(\n circle at 50% 100%,\n rgba(23, 62, 108, 0.17),\n transparent 40%\n ),\n linear-gradient(\n 135deg,\n #f6efe7 0%,\n #fffdf9 38%,\n #f4e9e5 68%,\n #eaded7 100%\n );\n color: var(--fg-text);\n font-family: Arial, Helvetica, sans-serif;\n font-size: 16px;\n line-height: 1.5;\n text-align: left;\n white-space: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n text-rendering: optimizeLegibility;\n }\n\n .fg-silkrevive,\n .fg-silkrevive *,\n .fg-silkrevive *::before,\n .fg-silkrevive *::after {\n box-sizing: border-box;\n }\n\n .fg-silkrevive h2,\n .fg-silkrevive h3,\n .fg-silkrevive h4,\n .fg-silkrevive p,\n .fg-silkrevive span,\n .fg-silkrevive strong,\n .fg-silkrevive article,\n .fg-silkrevive header,\n .fg-silkrevive footer {\n max-width: none;\n }\n\n .fg-silkrevive h2,\n .fg-silkrevive h3,\n .fg-silkrevive h4,\n .fg-silkrevive p {\n padding: 0;\n border: 0;\n }\n\n .fg-silkrevive::before {\n content: \"\";\n position: absolute;\n inset: 0;\n z-index: 0;\n pointer-events: none;\n opacity: 0.38;\n background:\n linear-gradient(\n 115deg,\n transparent 0%,\n rgba(255, 255, 255, 0.42) 36%,\n transparent 56%\n ),\n repeating-linear-gradient(\n 135deg,\n rgba(255, 255, 255, 0.045) 0,\n rgba(255, 255, 255, 0.045) 1px,\n transparent 1px,\n transparent 10px\n );\n animation: fgSilkReviveBackground 12s ease-in-out infinite;\n will-change: opacity, transform;\n }\n\n .fg-silkrevive__container {\n position: relative;\n z-index: 2;\n width: 100%;\n max-width: 1120px;\n margin: 0 auto;\n }\n\n .fg-silkrevive__glow {\n position: absolute;\n z-index: 0;\n border-radius: 50%;\n filter: blur(42px);\n pointer-events: none;\n animation: fgSilkReviveFloat 11s ease-in-out infinite;\n will-change: transform;\n }\n\n .fg-silkrevive__glow--one {\n top: -250px;\n right: -140px;\n width: 430px;\n height: 430px;\n background: rgba(200, 165, 106, 0.4);\n }\n\n .fg-silkrevive__glow--two {\n bottom: -280px;\n left: -170px;\n width: 460px;\n height: 460px;\n background: rgba(23, 62, 108, 0.15);\n animation-delay: -5.5s;\n }\n\n .fg-silkrevive__glow--three {\n top: 43%;\n right: 3%;\n width: 230px;\n height: 230px;\n background: rgba(183, 129, 142, 0.25);\n animation-delay: -2.8s;\n }\n\n .fg-silkrevive__header {\n width: 100%;\n max-width: 940px;\n margin: 0 auto 60px;\n text-align: center;\n animation: fgSilkReviveReveal 0.9s ease both;\n }\n\n .fg-silkrevive__label {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n max-width: 100%;\n margin: 0 0 23px;\n padding: 10px 19px;\n border: 1px solid rgba(155, 116, 66, 0.24);\n border-radius: 999px;\n background: rgba(255, 255, 255, 0.72);\n color: var(--fg-deep-navy);\n box-shadow:\n 0 12px 35px rgba(16, 26, 43, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.85);\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 0.16em;\n line-height: 1.4;\n text-align: center;\n text-transform: uppercase;\n overflow-wrap: anywhere;\n animation: fgSilkReviveLabelGlow 4s ease-in-out infinite;\n }\n\n .fg-silkrevive__title {\n margin: 0;\n color: var(--fg-deep-navy);\n font-family: Georgia, \"Times New Roman\", Times, serif;\n font-size: clamp(43px, 7vw, 83px);\n font-weight: 400;\n line-height: 1;\n letter-spacing: -0.046em;\n overflow-wrap: break-word;\n }\n\n .fg-silkrevive__title span {\n display: block;\n margin-top: 8px;\n color: var(--fg-deep-gold);\n font-style: italic;\n font-weight: 400;\n animation: fgSilkReviveTextGlow 3.5s ease-in-out infinite;\n }\n\n .fg-silkrevive__description {\n width: 100%;\n max-width: 870px;\n margin: 31px auto 0;\n color: rgba(54, 73, 91, 0.84);\n font-size: clamp(16px, 1.8vw, 19px);\n line-height: 1.84;\n overflow-wrap: break-word;\n }\n\n .fg-silkrevive__promise {\n position: relative;\n display: inline-block;\n margin: 29px auto 0;\n padding-bottom: 10px;\n color: var(--fg-navy);\n font-size: 15px;\n font-weight: 700;\n letter-spacing: 0.04em;\n line-height: 1.5;\n }\n\n .fg-silkrevive__promise::after {\n content: \"\";\n position: absolute;\n right: 0;\n bottom: 0;\n left: 0;\n height: 1px;\n background:\n linear-gradient(\n 90deg,\n transparent,\n var(--fg-gold),\n transparent\n );\n transform-origin: center;\n animation: fgSilkReviveLine 3s ease-in-out infinite;\n }\n\n .fg-silkrevive__features {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 18px;\n width: 100%;\n }\n\n .fg-silkrevive__card {\n position: relative;\n display: flex;\n align-items: flex-start;\n gap: 20px;\n min-width: 0;\n min-height: 158px;\n margin: 0;\n padding: 28px;\n overflow: hidden;\n border: 1px solid rgba(200, 165, 106, 0.2);\n border-radius: 26px;\n background:\n linear-gradient(\n 145deg,\n rgba(255, 255, 255, 0.84),\n rgba(250, 246, 241, 0.7)\n );\n box-shadow:\n 0 20px 55px rgba(16, 26, 43, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.88);\n transform: translateZ(0);\n transition:\n transform 0.4s ease,\n border-color 0.4s ease,\n box-shadow 0.4s ease;\n animation: fgSilkReviveReveal 0.8s ease both;\n }\n\n .fg-silkrevive__card:nth-child(1) {\n animation-delay: 0.08s;\n }\n\n .fg-silkrevive__card:nth-child(2) {\n animation-delay: 0.16s;\n }\n\n .fg-silkrevive__card:nth-child(3) {\n animation-delay: 0.24s;\n }\n\n .fg-silkrevive__card:nth-child(4) {\n animation-delay: 0.32s;\n }\n\n .fg-silkrevive__card:nth-child(5) {\n animation-delay: 0.4s;\n }\n\n .fg-silkrevive__card:nth-child(6) {\n animation-delay: 0.48s;\n }\n\n .fg-silkrevive__card:nth-child(7) {\n animation-delay: 0.56s;\n }\n\n .fg-silkrevive__card--wide {\n grid-column: 1 \/ -1;\n }\n\n .fg-silkrevive__card::before {\n content: \"\";\n position: absolute;\n top: -95%;\n left: -70%;\n width: 58%;\n height: 290%;\n pointer-events: none;\n background:\n linear-gradient(\n 90deg,\n transparent,\n rgba(255, 255, 255, 0.84),\n transparent\n );\n transform: rotate(22deg);\n transition: left 0.8s ease;\n }\n\n .fg-silkrevive__card::after {\n content: \"\";\n position: absolute;\n right: -40px;\n bottom: -40px;\n width: 125px;\n height: 125px;\n border-radius: 50%;\n pointer-events: none;\n background:\n radial-gradient(\n circle,\n rgba(200, 165, 106, 0.17),\n rgba(183, 129, 142, 0.05) 70%\n );\n transition: transform 0.4s ease;\n }\n\n .fg-silkrevive__number {\n position: relative;\n z-index: 1;\n display: flex;\n flex: 0 0 56px;\n align-items: center;\n justify-content: center;\n width: 56px;\n height: 56px;\n border-radius: 18px;\n background:\n linear-gradient(\n 145deg,\n rgba(234, 218, 221, 0.96),\n rgba(255, 255, 255, 0.96)\n );\n color: var(--fg-deep-gold);\n box-shadow:\n inset 0 0 0 1px rgba(200, 165, 106, 0.22),\n 0 10px 24px rgba(16, 26, 43, 0.06);\n font-family: Georgia, \"Times New Roman\", Times, serif;\n font-size: 16px;\n font-style: italic;\n line-height: 1;\n transition:\n transform 0.4s ease,\n background 0.4s ease,\n color 0.4s ease;\n }\n\n .fg-silkrevive__card-copy {\n position: relative;\n z-index: 1;\n min-width: 0;\n }\n\n .fg-silkrevive__card h3 {\n margin: 4px 0 10px;\n color: var(--fg-deep-navy);\n font-family: Georgia, \"Times New Roman\", Times, serif;\n font-size: 22px;\n font-weight: 400;\n line-height: 1.25;\n letter-spacing: 0;\n overflow-wrap: break-word;\n }\n\n .fg-silkrevive__card p {\n margin: 0;\n color: rgba(54, 73, 91, 0.74);\n font-size: 15px;\n line-height: 1.7;\n overflow-wrap: break-word;\n }\n\n .fg-silkrevive__ritual {\n width: 100%;\n margin: 22px 0 0;\n padding: clamp(30px, 5vw, 50px);\n border: 1px solid rgba(200, 165, 106, 0.27);\n border-radius: 30px;\n background:\n linear-gradient(\n 145deg,\n rgba(255, 255, 255, 0.84),\n rgba(246, 238, 230, 0.74)\n );\n box-shadow:\n 0 24px 64px rgba(16, 26, 43, 0.09),\n inset 0 1px 0 rgba(255, 255, 255, 0.92);\n text-align: center;\n animation: fgSilkReviveReveal 0.9s 0.66s ease both;\n }\n\n .fg-silkrevive__ritual-heading {\n margin: 0 0 30px;\n }\n\n .fg-silkrevive__ritual-heading \u003e span {\n display: block;\n margin-bottom: 9px;\n color: var(--fg-deep-gold);\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.2em;\n line-height: 1.5;\n text-transform: uppercase;\n }\n\n .fg-silkrevive__ritual-heading h3 {\n margin: 0;\n color: var(--fg-deep-navy);\n font-family: Georgia, \"Times New Roman\", Times, serif;\n font-size: clamp(27px, 4vw, 41px);\n font-weight: 400;\n line-height: 1.2;\n letter-spacing: 0;\n overflow-wrap: break-word;\n }\n\n .fg-silkrevive__steps {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: clamp(10px, 2.5vw, 26px);\n width: 100%;\n }\n\n .fg-silkrevive__step {\n flex: 0 1 170px;\n min-width: 125px;\n margin: 0;\n padding: 22px 16px;\n border: 1px solid rgba(155, 116, 66, 0.15);\n border-radius: 20px;\n background: rgba(255, 255, 255, 0.76);\n box-shadow: 0 14px 30px rgba(16, 26, 43, 0.06);\n transform: translateZ(0);\n transition:\n transform 0.35s ease,\n border-color 0.35s ease,\n box-shadow 0.35s ease;\n animation: fgSilkReviveStep 4s ease-in-out infinite;\n }\n\n .fg-silkrevive__step:nth-of-type(2) {\n animation-delay: -1s;\n }\n\n .fg-silkrevive__step:nth-of-type(3) {\n animation-delay: -2s;\n }\n\n .fg-silkrevive__step:nth-of-type(4) {\n animation-delay: -3s;\n }\n\n .fg-silkrevive__step-number {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 48px;\n height: 48px;\n margin: 0 auto 14px;\n border-radius: 50%;\n background:\n linear-gradient(\n 145deg,\n var(--fg-soft-rose),\n #ffffff\n );\n color: var(--fg-deep-gold);\n box-shadow:\n inset 0 0 0 1px rgba(200, 165, 106, 0.22);\n font-family: Georgia, \"Times New Roman\", Times, serif;\n font-size: 14px;\n font-style: italic;\n line-height: 1;\n }\n\n .fg-silkrevive__step h4 {\n margin: 0;\n color: var(--fg-deep-navy);\n font-family: Georgia, \"Times New Roman\", Times, serif;\n font-size: 19px;\n font-weight: 400;\n line-height: 1.3;\n letter-spacing: 0;\n overflow-wrap: break-word;\n }\n\n .fg-silkrevive__step p {\n margin: 7px 0 0;\n color: var(--fg-deep-gold);\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 0.08em;\n line-height: 1.4;\n text-transform: uppercase;\n }\n\n .fg-silkrevive__connector {\n flex: 0 1 55px;\n width: clamp(20px, 4vw, 55px);\n min-width: 12px;\n height: 1px;\n background:\n linear-gradient(\n 90deg,\n transparent,\n rgba(155, 116, 66, 0.72),\n transparent\n );\n transform-origin: center;\n animation: fgSilkReviveLine 3s ease-in-out infinite;\n }\n\n .fg-silkrevive__footer {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n gap: 9px;\n width: 100%;\n margin: 58px 0 0;\n color: var(--fg-deep-navy);\n font-family: Georgia, \"Times New Roman\", Times, serif;\n font-size: clamp(25px, 3.5vw, 41px);\n line-height: 1.2;\n text-align: center;\n animation: fgSilkReviveReveal 0.9s 0.82s ease both;\n }\n\n .fg-silkrevive__footer strong {\n color: var(--fg-deep-gold);\n font-style: italic;\n font-weight: 400;\n animation: fgSilkReviveTextGlow 3.5s ease-in-out infinite;\n }\n\n \/* Safe hover effects: only enabled on devices with a real hover input. *\/\n @media (hover: hover) and (pointer: fine) {\n .fg-silkrevive__card:hover {\n transform: translateY(-8px);\n border-color: rgba(155, 116, 66, 0.43);\n box-shadow:\n 0 30px 70px rgba(16, 26, 43, 0.14),\n inset 0 1px 0 rgba(255, 255, 255, 0.92);\n }\n\n .fg-silkrevive__card:hover::before {\n left: 130%;\n }\n\n .fg-silkrevive__card:hover::after {\n transform: scale(1.3);\n }\n\n .fg-silkrevive__card:hover .fg-silkrevive__number {\n color: var(--fg-ivory);\n transform: rotate(-5deg) scale(1.08);\n background:\n linear-gradient(\n 145deg,\n var(--fg-gold),\n var(--fg-deep-navy)\n );\n }\n\n .fg-silkrevive__step:hover {\n transform: translateY(-6px);\n border-color: rgba(155, 116, 66, 0.3);\n box-shadow: 0 20px 38px rgba(16, 26, 43, 0.11);\n }\n }\n\n \/* Keyboard-accessible focus indication if cards later contain links. *\/\n .fg-silkrevive :focus-visible {\n outline: 3px solid rgba(23, 62, 108, 0.55);\n outline-offset: 4px;\n }\n\n @keyframes fgSilkReviveReveal {\n from {\n opacity: 0;\n transform: translateY(28px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes fgSilkReviveFloat {\n 0%,\n 100% {\n transform: translate3d(0, 0, 0) scale(1);\n }\n\n 50% {\n transform: translate3d(0, 26px, 0) scale(1.07);\n }\n }\n\n @keyframes fgSilkReviveBackground {\n 0%,\n 100% {\n opacity: 0.3;\n transform: translateX(-1%);\n }\n\n 50% {\n opacity: 0.44;\n transform: translateX(1%);\n }\n }\n\n @keyframes fgSilkReviveLabelGlow {\n 0%,\n 100% {\n box-shadow:\n 0 12px 35px rgba(16, 26, 43, 0.08),\n inset 0 1px 0 rgba(255, 255, 255, 0.85);\n }\n\n 50% {\n box-shadow:\n 0 16px 42px rgba(200, 165, 106, 0.27),\n inset 0 1px 0 rgba(255, 255, 255, 0.94);\n }\n }\n\n @keyframes fgSilkReviveLine {\n 0%,\n 100% {\n opacity: 0.42;\n transform: scaleX(0.55);\n }\n\n 50% {\n opacity: 1;\n transform: scaleX(1);\n }\n }\n\n @keyframes fgSilkReviveTextGlow {\n 0%,\n 100% {\n text-shadow: 0 0 0 rgba(200, 165, 106, 0);\n }\n\n 50% {\n text-shadow: 0 10px 30px rgba(200, 165, 106, 0.42);\n }\n }\n\n @keyframes fgSilkReviveStep {\n 0%,\n 100% {\n transform: translateY(0);\n }\n\n 50% {\n transform: translateY(-4px);\n }\n }\n\n \/* =========================================================\n STANDARD VIEWPORT FALLBACKS\n Used by browsers without container-query support.\n ========================================================= *\/\n\n @media screen and (max-width: 990px) {\n .fg-silkrevive {\n padding:\n clamp(68px, 8vw, 100px)\n clamp(18px, 3vw, 26px);\n }\n\n .fg-silkrevive__title {\n font-size: clamp(42px, 7.5vw, 68px);\n }\n\n .fg-silkrevive__steps {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 16px;\n }\n\n .fg-silkrevive__connector {\n display: none;\n }\n\n .fg-silkrevive__step {\n min-width: 0;\n }\n }\n\n @media screen and (max-width: 749px) {\n .fg-silkrevive {\n padding: 70px 16px;\n }\n\n .fg-silkrevive__header {\n margin-bottom: 46px;\n }\n\n .fg-silkrevive__title {\n font-size: clamp(38px, 11vw, 58px);\n line-height: 1.04;\n }\n\n .fg-silkrevive__description {\n margin-top: 25px;\n font-size: 16px;\n line-height: 1.72;\n }\n\n .fg-silkrevive__features {\n grid-template-columns: 1fr;\n }\n\n .fg-silkrevive__card--wide {\n grid-column: auto;\n }\n\n .fg-silkrevive__card {\n min-height: auto;\n padding: 23px;\n border-radius: 22px;\n }\n\n .fg-silkrevive__ritual {\n padding: 32px 22px;\n border-radius: 24px;\n }\n\n .fg-silkrevive__footer {\n flex-direction: column;\n gap: 3px;\n margin-top: 48px;\n }\n }\n\n @media screen and (max-width: 520px) {\n .fg-silkrevive {\n padding: 60px 14px;\n }\n\n .fg-silkrevive__label {\n padding: 9px 13px;\n font-size: 10px;\n letter-spacing: 0.1em;\n }\n\n .fg-silkrevive__title {\n font-size: clamp(34px, 11vw, 48px);\n letter-spacing: -0.035em;\n }\n\n .fg-silkrevive__card {\n gap: 15px;\n padding: 21px 18px;\n }\n\n .fg-silkrevive__number {\n flex-basis: 48px;\n width: 48px;\n height: 48px;\n border-radius: 15px;\n font-size: 14px;\n }\n\n .fg-silkrevive__card h3 {\n margin-top: 2px;\n font-size: 19px;\n }\n\n .fg-silkrevive__card p {\n font-size: 14px;\n }\n\n .fg-silkrevive__steps {\n grid-template-columns: 1fr;\n }\n\n .fg-silkrevive__step {\n width: 100%;\n }\n\n .fg-silkrevive__ritual-heading h3 {\n font-size: 28px;\n }\n }\n\n @media screen and (max-width: 380px) {\n .fg-silkrevive {\n padding-right: 12px;\n padding-left: 12px;\n }\n\n .fg-silkrevive__header {\n margin-bottom: 38px;\n }\n\n .fg-silkrevive__title {\n font-size: 34px;\n }\n\n .fg-silkrevive__description {\n font-size: 15px;\n }\n\n .fg-silkrevive__card {\n display: block;\n padding: 20px 17px;\n }\n\n .fg-silkrevive__number {\n margin-bottom: 16px;\n }\n\n .fg-silkrevive__ritual {\n padding: 28px 17px;\n }\n\n .fg-silkrevive__footer {\n font-size: 25px;\n }\n }\n\n \/* =========================================================\n CONTAINER QUERIES\n These respond to the section's actual width rather than\n the browser width, making the design safe in product columns.\n ========================================================= *\/\n\n @supports (container-type: inline-size) {\n @container fg-silkrevive (max-width: 900px) {\n .fg-silkrevive__title {\n font-size: clamp(42px, 8cqw, 68px);\n }\n\n .fg-silkrevive__steps {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 16px;\n }\n\n .fg-silkrevive__connector {\n display: none;\n }\n\n .fg-silkrevive__step {\n min-width: 0;\n }\n }\n\n @container fg-silkrevive (max-width: 720px) {\n .fg-silkrevive {\n padding: 68px 16px;\n }\n\n .fg-silkrevive__header {\n margin-bottom: 44px;\n }\n\n .fg-silkrevive__title {\n font-size: clamp(38px, 10cqw, 56px);\n }\n\n .fg-silkrevive__description {\n font-size: 16px;\n line-height: 1.72;\n }\n\n .fg-silkrevive__features {\n grid-template-columns: 1fr;\n }\n\n .fg-silkrevive__card--wide {\n grid-column: auto;\n }\n\n .fg-silkrevive__card {\n min-height: auto;\n padding: 23px;\n border-radius: 22px;\n }\n\n .fg-silkrevive__ritual {\n padding: 32px 22px;\n border-radius: 24px;\n }\n\n .fg-silkrevive__footer {\n flex-direction: column;\n gap: 3px;\n margin-top: 48px;\n }\n }\n\n \/* Narrow Shopify product-information column. *\/\n @container fg-silkrevive (max-width: 560px) {\n .fg-silkrevive {\n padding: 58px 14px;\n }\n\n .fg-silkrevive__label {\n padding: 9px 13px;\n font-size: 10px;\n letter-spacing: 0.1em;\n }\n\n .fg-silkrevive__title {\n font-size: clamp(34px, 10cqw, 46px);\n line-height: 1.04;\n letter-spacing: -0.035em;\n }\n\n .fg-silkrevive__description {\n margin-top: 24px;\n font-size: 15px;\n }\n\n .fg-silkrevive__card {\n gap: 15px;\n padding: 21px 18px;\n }\n\n .fg-silkrevive__number {\n flex-basis: 48px;\n width: 48px;\n height: 48px;\n border-radius: 15px;\n font-size: 14px;\n }\n\n .fg-silkrevive__card h3 {\n margin-top: 2px;\n font-size: 19px;\n }\n\n .fg-silkrevive__card p {\n font-size: 14px;\n }\n\n .fg-silkrevive__steps {\n grid-template-columns: 1fr;\n }\n\n .fg-silkrevive__step {\n width: 100%;\n }\n\n .fg-silkrevive__ritual-heading h3 {\n font-size: 28px;\n }\n\n .fg-silkrevive__footer {\n font-size: clamp(25px, 7cqw, 33px);\n }\n }\n\n \/* Very narrow product blocks, sidebars and app columns. *\/\n @container fg-silkrevive (max-width: 390px) {\n .fg-silkrevive {\n padding: 50px 12px;\n }\n\n .fg-silkrevive__header {\n margin-bottom: 36px;\n }\n\n .fg-silkrevive__label {\n width: 100%;\n border-radius: 18px;\n }\n\n .fg-silkrevive__title {\n font-size: 32px;\n }\n\n .fg-silkrevive__description {\n font-size: 14px;\n line-height: 1.65;\n }\n\n .fg-silkrevive__promise {\n font-size: 14px;\n }\n\n .fg-silkrevive__card {\n display: block;\n padding: 20px 17px;\n }\n\n .fg-silkrevive__number {\n margin-bottom: 16px;\n }\n\n .fg-silkrevive__ritual {\n padding: 27px 16px;\n }\n\n .fg-silkrevive__ritual-heading \u003e span {\n letter-spacing: 0.14em;\n }\n\n .fg-silkrevive__ritual-heading h3 {\n font-size: 25px;\n }\n\n .fg-silkrevive__footer {\n font-size: 24px;\n }\n }\n }\n\n \/* =========================================================\n TOUCH DEVICES\n Prevent hover states from becoming stuck after tapping.\n ========================================================= *\/\n\n @media (hover: none), (pointer: coarse) {\n .fg-silkrevive__card,\n .fg-silkrevive__number,\n .fg-silkrevive__step {\n transition-duration: 0.2s;\n }\n\n .fg-silkrevive__card:active {\n transform: scale(0.99);\n }\n\n .fg-silkrevive__step:active {\n transform: scale(0.985);\n }\n }\n\n \/* =========================================================\n REDUCED MOTION\n Removes decorative motion while preserving the layout.\n ========================================================= *\/\n\n @media (prefers-reduced-motion: reduce) {\n .fg-silkrevive,\n .fg-silkrevive *,\n .fg-silkrevive *::before,\n .fg-silkrevive *::after {\n scroll-behavior: auto !important;\n animation: none !important;\n transition-duration: 0.01ms !important;\n transition-delay: 0ms !important;\n }\n\n .fg-silkrevive__header,\n .fg-silkrevive__card,\n .fg-silkrevive__ritual,\n .fg-silkrevive__footer {\n opacity: 1 !important;\n transform: none !important;\n }\n\n .fg-silkrevive__glow {\n transform: none !important;\n }\n\n .fg-silkrevive__card::before {\n display: none;\n }\n }\n\n \/* =========================================================\n HIGH-CONTRAST \/ FORCED-COLOUR SUPPORT\n ========================================================= *\/\n\n @media (forced-colors: active) {\n .fg-silkrevive,\n .fg-silkrevive__card,\n .fg-silkrevive__ritual,\n .fg-silkrevive__step,\n .fg-silkrevive__label,\n .fg-silkrevive__number,\n .fg-silkrevive__step-number {\n border: 1px solid CanvasText;\n background: Canvas;\n color: CanvasText;\n box-shadow: none;\n }\n\n .fg-silkrevive__glow,\n .fg-silkrevive::before,\n .fg-silkrevive__card::before,\n .fg-silkrevive__card::after,\n .fg-silkrevive__connector {\n display: none;\n }\n\n .fg-silkrevive__title,\n .fg-silkrevive__title span,\n .fg-silkrevive__card h3,\n .fg-silkrevive__card p,\n .fg-silkrevive__ritual-heading \u003e span,\n .fg-silkrevive__ritual-heading h3,\n .fg-silkrevive__step h4,\n .fg-silkrevive__step p,\n .fg-silkrevive__footer,\n .fg-silkrevive__footer strong {\n color: CanvasText;\n text-shadow: none;\n }\n }\n\n \/* Print-safe fallback. *\/\n @media print {\n .fg-silkrevive {\n padding: 30px 0;\n overflow: visible;\n background: #ffffff;\n color: #000000;\n }\n\n .fg-silkrevive::before,\n .fg-silkrevive__glow,\n .fg-silkrevive__card::before,\n .fg-silkrevive__card::after {\n display: none;\n }\n\n .fg-silkrevive__header,\n .fg-silkrevive__card,\n .fg-silkrevive__ritual,\n .fg-silkrevive__step,\n .fg-silkrevive__footer {\n break-inside: avoid;\n animation: none;\n box-shadow: none;\n }\n }\n\u003c\/style\u003e","brand":"Fearless Grace","offers":[{"title":"Default Title","offer_id":45896856272979,"sku":null,"price":499.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0726\/0982\/4851\/files\/ChatGPT_Image_Aug_1_2026_at_04_30_50_PM.png?v=1785596140"},{"product_id":"airritual-professional-ionic-hair-dryer","title":"AirRitual – Professional Ionic Hair Dryer","description":"\u003cstyle\u003e\n \/* =========================================================\n FEARLESS GRACE — AIRRITUAL PRODUCT DESCRIPTION\n Shopify-safe, responsive, scoped, container-query enhanced\n ========================================================= *\/\n\n .fg-airritual {\n --fg-ink: #171717;\n --fg-muted: #66615f;\n --fg-soft: #f7f4f2;\n --fg-soft-2: #eee8e4;\n --fg-line: rgba(23, 23, 23, 0.10);\n --fg-accent: #9a7468;\n --fg-accent-dark: #705047;\n --fg-white: #ffffff;\n --fg-shadow: 0 18px 55px rgba(34, 25, 22, 0.08);\n --fg-radius-xl: 28px;\n --fg-radius-lg: 20px;\n --fg-radius-md: 15px;\n\n position: relative;\n width: 100%;\n max-width: 100%;\n margin: 0 auto;\n color: var(--fg-ink);\n font-family:\n -apple-system,\n BlinkMacSystemFont,\n \"Segoe UI\",\n Helvetica,\n Arial,\n sans-serif;\n line-height: 1.6;\n container-type: inline-size;\n container-name: airritual;\n box-sizing: border-box;\n isolation: isolate;\n }\n\n .fg-airritual *,\n .fg-airritual *::before,\n .fg-airritual *::after {\n box-sizing: border-box;\n }\n\n .fg-airritual p,\n .fg-airritual h2,\n .fg-airritual h3 {\n margin: 0;\n }\n\n \/* -------------------------\n Main premium shell\n ------------------------- *\/\n\n .fg-airritual__shell {\n position: relative;\n overflow: hidden;\n padding: clamp(28px, 5vw, 58px);\n border: 1px solid var(--fg-line);\n border-radius: var(--fg-radius-xl);\n background:\n radial-gradient(\n circle at 100% 0%,\n rgba(154, 116, 104, 0.13),\n transparent 34%\n ),\n radial-gradient(\n circle at 0% 100%,\n rgba(154, 116, 104, 0.08),\n transparent 38%\n ),\n linear-gradient(\n 145deg,\n #ffffff 0%,\n #faf8f7 48%,\n #f4efec 100%\n );\n box-shadow: var(--fg-shadow);\n }\n\n .fg-airritual__shell::before {\n content: \"\";\n position: absolute;\n top: -120px;\n right: -100px;\n width: 280px;\n height: 280px;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.55);\n filter: blur(2px);\n pointer-events: none;\n z-index: -1;\n }\n\n \/* -------------------------\n Intro\n ------------------------- *\/\n\n .fg-airritual__eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 14px;\n color: var(--fg-accent-dark);\n font-size: 11px;\n font-weight: 750;\n line-height: 1.2;\n letter-spacing: 0.16em;\n text-transform: uppercase;\n }\n\n .fg-airritual__eyebrow::before {\n content: \"\";\n width: 28px;\n height: 1px;\n background: currentColor;\n }\n\n .fg-airritual__title {\n max-width: 850px;\n margin-bottom: 20px !important;\n color: var(--fg-ink);\n font-size: clamp(30px, 5vw, 54px);\n font-weight: 650;\n line-height: 1.02;\n letter-spacing: -0.04em;\n text-wrap: balance;\n }\n\n .fg-airritual__title span {\n color: var(--fg-accent-dark);\n }\n\n .fg-airritual__intro {\n max-width: 860px;\n color: var(--fg-muted);\n font-size: clamp(15px, 1.7vw, 18px);\n line-height: 1.75;\n }\n\n .fg-airritual__intro strong {\n color: var(--fg-ink);\n font-weight: 700;\n }\n\n \/* -------------------------\n Statement line\n ------------------------- *\/\n\n .fg-airritual__statement {\n position: relative;\n margin: clamp(28px, 4vw, 42px) 0;\n padding: clamp(19px, 3vw, 26px) clamp(20px, 3.5vw, 30px);\n overflow: hidden;\n border: 1px solid rgba(154, 116, 104, 0.18);\n border-radius: var(--fg-radius-lg);\n background: rgba(255, 255, 255, 0.65);\n backdrop-filter: blur(9px);\n -webkit-backdrop-filter: blur(9px);\n }\n\n .fg-airritual__statement::after {\n content: \"\";\n position: absolute;\n inset: auto -25px -35px auto;\n width: 100px;\n height: 100px;\n border-radius: 50%;\n background: rgba(154, 116, 104, 0.08);\n pointer-events: none;\n }\n\n .fg-airritual__statement p {\n color: var(--fg-ink);\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(22px, 3vw, 32px);\n font-style: italic;\n line-height: 1.25;\n letter-spacing: -0.02em;\n }\n\n \/* -------------------------\n Feature grid\n ------------------------- *\/\n\n .fg-airritual__features {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 14px;\n }\n\n .fg-airritual__feature {\n position: relative;\n display: flex;\n align-items: flex-start;\n gap: 15px;\n min-width: 0;\n padding: 20px;\n overflow: hidden;\n border: 1px solid var(--fg-line);\n border-radius: var(--fg-radius-md);\n background: rgba(255, 255, 255, 0.78);\n box-shadow: 0 7px 24px rgba(30, 20, 18, 0.035);\n transform: translateZ(0);\n transition:\n transform 220ms ease,\n box-shadow 220ms ease,\n border-color 220ms ease,\n background-color 220ms ease;\n }\n\n .fg-airritual__feature::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 22px;\n width: 42px;\n height: 2px;\n border-radius: 0 0 5px 5px;\n background: var(--fg-accent);\n opacity: 0.45;\n }\n\n .fg-airritual__icon {\n display: grid;\n flex: 0 0 42px;\n width: 42px;\n height: 42px;\n place-items: center;\n border: 1px solid rgba(154, 116, 104, 0.18);\n border-radius: 13px;\n background: var(--fg-soft);\n font-size: 20px;\n line-height: 1;\n }\n\n .fg-airritual__feature-content {\n min-width: 0;\n padding-top: 1px;\n }\n\n .fg-airritual__feature h3 {\n margin-bottom: 5px !important;\n color: var(--fg-ink);\n font-size: 15px;\n font-weight: 720;\n line-height: 1.3;\n letter-spacing: -0.01em;\n }\n\n .fg-airritual__feature p {\n color: var(--fg-muted);\n font-size: 14px;\n line-height: 1.58;\n }\n\n \/* -------------------------\n LED temperature feature\n ------------------------- *\/\n\n .fg-airritual__temperature {\n grid-column: 1 \/ -1;\n display: grid;\n grid-template-columns: minmax(0, 1.25fr) minmax(220px, 0.75fr);\n gap: 20px;\n align-items: center;\n padding: clamp(22px, 3.5vw, 30px);\n border-color: rgba(154, 116, 104, 0.2);\n background:\n linear-gradient(\n 120deg,\n rgba(255,255,255,0.9),\n rgba(246,241,238,0.94)\n );\n }\n\n .fg-airritual__temperature .fg-airritual__icon {\n float: left;\n margin-right: 15px;\n }\n\n .fg-airritual__temp-copy {\n min-width: 0;\n }\n\n .fg-airritual__temp-copy h3 {\n margin-bottom: 6px !important;\n font-size: 16px;\n }\n\n .fg-airritual__rings {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 8px;\n }\n\n .fg-airritual__ring {\n min-width: 0;\n padding: 12px 8px;\n border: 1px solid var(--fg-line);\n border-radius: 12px;\n background: rgba(255,255,255,0.72);\n text-align: center;\n }\n\n .fg-airritual__ring-dot {\n display: block;\n width: 11px;\n height: 11px;\n margin: 0 auto 7px;\n border-radius: 50%;\n box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.025);\n }\n\n .fg-airritual__ring--cool .fg-airritual__ring-dot {\n background: #4e9fe8;\n }\n\n .fg-airritual__ring--hot .fg-airritual__ring-dot {\n background: #dc5752;\n }\n\n .fg-airritual__ring--warm .fg-airritual__ring-dot {\n background: #e39a4b;\n }\n\n .fg-airritual__ring span:last-child {\n display: block;\n color: var(--fg-muted);\n font-size: 11px;\n font-weight: 700;\n line-height: 1.2;\n }\n\n \/* -------------------------\n Closing\n ------------------------- *\/\n\n .fg-airritual__closing {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-top: clamp(26px, 4vw, 42px);\n padding-top: clamp(22px, 3vw, 30px);\n border-top: 1px solid var(--fg-line);\n text-align: center;\n }\n\n .fg-airritual__closing p {\n color: var(--fg-accent-dark);\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(18px, 2.4vw, 24px);\n font-style: italic;\n font-weight: 500;\n line-height: 1.4;\n }\n\n \/* -------------------------\n Safe hover effects\n ------------------------- *\/\n\n @media (hover: hover) and (pointer: fine) {\n .fg-airritual__feature:hover {\n transform: translateY(-3px);\n border-color: rgba(154, 116, 104, 0.25);\n background: rgba(255, 255, 255, 0.96);\n box-shadow: 0 14px 32px rgba(30, 20, 18, 0.07);\n }\n\n .fg-airritual__temperature:hover {\n transform: translateY(-2px);\n }\n }\n\n \/* =========================================================\n CONTAINER QUERIES\n Handles Shopify narrow product-description columns\n ========================================================= *\/\n\n @container airritual (max-width: 700px) {\n .fg-airritual__features {\n grid-template-columns: 1fr;\n }\n\n .fg-airritual__temperature {\n grid-column: auto;\n grid-template-columns: 1fr;\n }\n\n .fg-airritual__rings {\n max-width: 360px;\n }\n }\n\n @container airritual (max-width: 480px) {\n .fg-airritual__shell {\n padding: 24px 18px;\n border-radius: 21px;\n }\n\n .fg-airritual__title {\n font-size: clamp(29px, 10cqw, 40px);\n }\n\n .fg-airritual__feature {\n gap: 12px;\n padding: 17px 15px;\n }\n\n .fg-airritual__icon {\n flex-basis: 38px;\n width: 38px;\n height: 38px;\n border-radius: 11px;\n font-size: 18px;\n }\n\n .fg-airritual__statement {\n padding: 19px 17px;\n }\n\n .fg-airritual__rings {\n gap: 6px;\n }\n\n .fg-airritual__ring {\n padding: 10px 5px;\n }\n }\n\n @container airritual (max-width: 340px) {\n .fg-airritual__feature {\n display: block;\n }\n\n .fg-airritual__icon {\n margin-bottom: 12px;\n }\n\n .fg-airritual__rings {\n grid-template-columns: 1fr;\n }\n\n .fg-airritual__ring {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n }\n\n .fg-airritual__ring-dot {\n margin: 0;\n }\n }\n\n \/* =========================================================\n STANDARD VIEWPORT FALLBACKS\n For browsers\/themes where container queries aren't applied\n ========================================================= *\/\n\n @media screen and (max-width: 749px) {\n .fg-airritual__shell {\n padding: 28px 20px;\n border-radius: 22px;\n }\n\n .fg-airritual__features {\n grid-template-columns: 1fr;\n }\n\n .fg-airritual__temperature {\n grid-column: auto;\n grid-template-columns: 1fr;\n }\n }\n\n @media screen and (max-width: 480px) {\n .fg-airritual__shell {\n padding: 23px 17px;\n }\n\n .fg-airritual__title {\n font-size: 31px;\n line-height: 1.05;\n }\n\n .fg-airritual__intro {\n font-size: 15px;\n line-height: 1.7;\n }\n\n .fg-airritual__feature {\n padding: 17px 15px;\n }\n\n .fg-airritual__feature p {\n font-size: 13.5px;\n }\n\n .fg-airritual__statement p {\n font-size: 23px;\n }\n }\n\n \/* =========================================================\n REDUCED MOTION \/ ACCESSIBILITY\n ========================================================= *\/\n\n @media (prefers-reduced-motion: reduce) {\n .fg-airritual *,\n .fg-airritual *::before,\n .fg-airritual *::after {\n scroll-behavior: auto !important;\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n\n .fg-airritual__feature:hover {\n transform: none;\n }\n }\n\n \/* Graceful fallback if backdrop-filter unsupported *\/\n @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {\n .fg-airritual__statement {\n background: rgba(255, 255, 255, 0.94);\n }\n }\n\n \/* Graceful fallback if container queries unsupported *\/\n @supports not (container-type: inline-size) {\n .fg-airritual {\n container-type: normal;\n }\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"fg-airritual\"\u003e\n \u003csection class=\"fg-airritual__shell\"\u003e\n\n \u003cdiv class=\"fg-airritual__eyebrow\"\u003e\n Professional Ionic Styling\n \u003c\/div\u003e\n\n \u003ch2 class=\"fg-airritual__title\"\u003e\n Salon-Dry Hair. Every Morning.\n \u003cspan\u003eIn Half the Time.\u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp class=\"fg-airritual__intro\"\u003e\n The \u003cstrong\u003eAirRitual Professional Ionic Hair Dryer\u003c\/strong\u003e is engineered\n for one outcome: fast, frizz-free, salon-quality hair — at home.\n A powerful ionic motor blasts moisture from the hair shaft while sealing\n the cuticle for a smooth, glossy finish. Five magnetic attachments snap\n on and off in seconds, giving you complete styling freedom from root\n volume to defined curls — all in one dryer.\n \u003c\/p\u003e\n\n \u003cdiv class=\"fg-airritual__statement\"\u003e\n \u003cp\u003eDry it. Style it. Own the room.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fg-airritual__features\"\u003e\n\n \u003carticle class=\"fg-airritual__feature\"\u003e\n \u003cdiv class=\"fg-airritual__icon\" aria-hidden=\"true\"\u003e⚡\u003c\/div\u003e\n \u003cdiv class=\"fg-airritual__feature-content\"\u003e\n \u003ch3\u003eRapid drying, less heat damage\u003c\/h3\u003e\n \u003cp\u003e\n Powerful ionic motor cuts drying time significantly while\n protecting hair health.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"fg-airritual__feature fg-airritual__temperature\"\u003e\n \u003cdiv class=\"fg-airritual__temp-copy\"\u003e\n \u003cdiv class=\"fg-airritual__icon\" aria-hidden=\"true\"\u003e🌡️\u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch3\u003e3-colour LED temperature ring\u003c\/h3\u003e\n \u003cp\u003e\n Blue for cool, Red for hot and Orange for warm —\n temperature at a glance, every time.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fg-airritual__rings\" aria-label=\"Temperature ring colours\"\u003e\n \u003cdiv class=\"fg-airritual__ring fg-airritual__ring--cool\"\u003e\n \u003cspan class=\"fg-airritual__ring-dot\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n \u003cspan\u003eBlue · Cool\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fg-airritual__ring fg-airritual__ring--hot\"\u003e\n \u003cspan class=\"fg-airritual__ring-dot\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n \u003cspan\u003eRed · Hot\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fg-airritual__ring fg-airritual__ring--warm\"\u003e\n \u003cspan class=\"fg-airritual__ring-dot\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n \u003cspan\u003eOrange · Warm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"fg-airritual__feature\"\u003e\n \u003cdiv class=\"fg-airritual__icon\" aria-hidden=\"true\"\u003e🧲\u003c\/div\u003e\n \u003cdiv class=\"fg-airritual__feature-content\"\u003e\n \u003ch3\u003e5 magnetic attachments\u003c\/h3\u003e\n \u003cp\u003e\n Concentrator, wide nozzle, curl definer, diffuser bowl and scalp\n massager — snap on, snap off.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"fg-airritual__feature\"\u003e\n \u003cdiv class=\"fg-airritual__icon\" aria-hidden=\"true\"\u003e↻\u003c\/div\u003e\n \u003cdiv class=\"fg-airritual__feature-content\"\u003e\n \u003ch3\u003e360° rotatable magnetic nozzle\u003c\/h3\u003e\n \u003cp\u003e\n Direct airflow exactly where you need it, without twisting your\n wrist.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"fg-airritual__feature\"\u003e\n \u003cdiv class=\"fg-airritual__icon\" aria-hidden=\"true\"\u003e🛡️\u003c\/div\u003e\n \u003cdiv class=\"fg-airritual__feature-content\"\u003e\n \u003ch3\u003eAutomatic overheat protection\u003c\/h3\u003e\n \u003cp\u003e\n Built-in safety so you can style with confidence.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"fg-airritual__feature\"\u003e\n \u003cdiv class=\"fg-airritual__icon\" aria-hidden=\"true\"\u003e✓\u003c\/div\u003e\n \u003cdiv class=\"fg-airritual__feature-content\"\u003e\n \u003ch3\u003e2 heat + 2 speed settings\u003c\/h3\u003e\n \u003cp\u003e\n Customise for fine, thick, curly, or colour-treated hair.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"fg-airritual__feature\"\u003e\n \u003cdiv class=\"fg-airritual__icon\" aria-hidden=\"true\"\u003e❄\u003c\/div\u003e\n \u003cdiv class=\"fg-airritual__feature-content\"\u003e\n \u003ch3\u003eCool shot button\u003c\/h3\u003e\n \u003cp\u003e\n Locks in your style for all-day hold.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"fg-airritual__feature\"\u003e\n \u003cdiv class=\"fg-airritual__icon\" aria-hidden=\"true\"\u003e◆\u003c\/div\u003e\n \u003cdiv class=\"fg-airritual__feature-content\"\u003e\n \u003ch3\u003eMatte black \/ gunmetal finish\u003c\/h3\u003e\n \u003cp\u003e\n Looks as premium as it performs.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"fg-airritual__closing\"\u003e\n \u003cp\u003eFive attachments. One dryer. Infinite styles.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\u003c\/div\u003e","brand":"Fearless Grace","offers":[{"title":"Default Title","offer_id":45945169444947,"sku":null,"price":999.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0726\/0982\/4851\/files\/ChatGPT_Image_Aug_9_2026_at_05_34_03_PM.png?v=1786290411"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0726\/0982\/4851\/collections\/hair-rituals-collection.png?v=1785013160","url":"https:\/\/fearlessgrace.co.za\/collections\/hair-rituals.oembed","provider":"Fearless Grace","version":"1.0","type":"link"}