{"title":"Sculpt \u0026 Glow","description":null,"products":[{"product_id":"led-facial-sculptor","title":"LED Facial Sculptor","description":"\u003c!-- Fearless Grace Premium Product Description Section --\u003e\n\u003csection class=\"fg-radiance-section\"\u003e\n  \u003cdiv class=\"fg-glow fg-glow-one\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"fg-glow fg-glow-two\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"fg-radiance-container\"\u003e\n\n    \u003cdiv class=\"fg-eyebrow fg-reveal\"\u003e\n      Your At-Home Glow Ritual\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"fg-heading fg-reveal\"\u003e\n      Radiance You’ll See.\n      \u003cspan\u003eConfidence You’ll Feel.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cdiv class=\"fg-divider fg-reveal\" aria-hidden=\"true\"\u003e\n      \u003cspan\u003e\u003c\/span\u003e\n      \u003cdiv class=\"fg-diamond\"\u003e\u003c\/div\u003e\n      \u003cspan\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cp class=\"fg-intro fg-reveal\"\u003e\n      Reveal brighter, smoother, and healthier-looking skin with every\n      session. Reduce the appearance of fine lines, improve skin tone, and\n      restore your natural glow—all from the comfort of home.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"fg-benefits\"\u003e\n\n      \u003carticle class=\"fg-benefit-card fg-reveal\"\u003e\n        \u003cdiv class=\"fg-number\"\u003e01\u003c\/div\u003e\n\n        \u003ch3\u003eBrighter-Looking Skin\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Revive dull, tired-looking skin and reveal a naturally luminous,\n          refreshed complexion.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"fg-benefit-card fg-reveal\"\u003e\n        \u003cdiv class=\"fg-number\"\u003e02\u003c\/div\u003e\n\n        \u003ch3\u003eSmoother Appearance\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Support firmer-looking skin while reducing the visible appearance\n          of fine lines over time.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"fg-benefit-card fg-reveal\"\u003e\n        \u003cdiv class=\"fg-number\"\u003e03\u003c\/div\u003e\n\n        \u003ch3\u003eMore Even Skin Tone\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Target the appearance of redness, uneven tone, blemishes and\n          everyday skin concerns.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fg-light-therapy fg-reveal\"\u003e\n\n      \u003cdiv class=\"fg-orbit\" aria-hidden=\"true\"\u003e\n        \u003cdiv class=\"fg-orbit-ring\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"fg-orbit-core\"\u003e7\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fg-light-copy\"\u003e\n        \u003cspan class=\"fg-small-label\"\u003e\n          Personalised Light Therapy\n        \u003c\/span\u003e\n\n        \u003ch3\u003eSeven specialised LED light modes\u003c\/h3\u003e\n\n        \u003cp\u003e\n          With seven light therapies working in harmony, every treatment can\n          be tailored to help your skin look and feel its absolute best.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"fg-light-dots\" aria-label=\"Seven LED light modes\"\u003e\n          \u003cspan class=\"fg-dot fg-yellow\" title=\"Yellow Light\"\u003e\u003c\/span\u003e\n          \u003cspan class=\"fg-dot fg-red\" title=\"Red Light\"\u003e\u003c\/span\u003e\n          \u003cspan class=\"fg-dot fg-blue\" title=\"Blue Light\"\u003e\u003c\/span\u003e\n          \u003cspan class=\"fg-dot fg-orange\" title=\"Orange Light\"\u003e\u003c\/span\u003e\n          \u003cspan class=\"fg-dot fg-indigo\" title=\"Indigo Light\"\u003e\u003c\/span\u003e\n          \u003cspan class=\"fg-dot fg-green\" title=\"Green Light\"\u003e\u003c\/span\u003e\n          \u003cspan class=\"fg-dot fg-purple\" title=\"Purple Light\"\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fg-closing fg-reveal\"\u003e\n      \u003cp\u003eOne Ritual.\u003c\/p\u003e\n      \u003cp\u003eSeven Light Therapies.\u003c\/p\u003e\n      \u003cp\u003eEndless Confidence.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n  .fg-radiance-section {\n    --fg-navy: #173e6c;\n    --fg-deep-navy: #0d2745;\n    --fg-champagne: #c9b39d;\n    --fg-light-champagne: #e5d8ca;\n    --fg-ivory: #faf8f5;\n    --fg-text: #24364a;\n    --fg-muted: #617080;\n\n    position: relative;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    overflow: hidden;\n    isolation: isolate;\n    padding: clamp(64px, 8vw, 110px) clamp(16px, 4vw, 32px);\n\n    background:\n      radial-gradient(\n        circle at 15% 20%,\n        rgba(201, 179, 157, 0.2),\n        transparent 30%\n      ),\n      radial-gradient(\n        circle at 85% 80%,\n        rgba(23, 62, 108, 0.12),\n        transparent 30%\n      ),\n      linear-gradient(\n        145deg,\n        #ffffff 0%,\n        var(--fg-ivory) 52%,\n        #f3eee8 100%\n      );\n\n    color: var(--fg-text);\n\n    container-type: inline-size;\n    container-name: fgRadiance;\n  }\n\n  .fg-radiance-section,\n  .fg-radiance-section *,\n  .fg-radiance-section *::before,\n  .fg-radiance-section *::after {\n    box-sizing: border-box;\n  }\n\n  .fg-radiance-section h2,\n  .fg-radiance-section h3,\n  .fg-radiance-section p {\n    padding: 0;\n    margin-top: 0;\n  }\n\n  .fg-radiance-container,\n  .fg-benefits,\n  .fg-benefit-card,\n  .fg-light-therapy,\n  .fg-light-copy {\n    min-width: 0;\n    max-width: 100%;\n  }\n\n  .fg-radiance-section h2,\n  .fg-radiance-section h3,\n  .fg-radiance-section p,\n  .fg-radiance-section span,\n  .fg-radiance-section article,\n  .fg-radiance-section div {\n    word-break: normal;\n    overflow-wrap: normal;\n  }\n\n  .fg-radiance-container {\n    position: relative;\n    z-index: 2;\n    width: 100%;\n    max-width: 1160px;\n    margin: 0 auto;\n    text-align: center;\n  }\n\n  .fg-glow {\n    position: absolute;\n    z-index: -1;\n    width: clamp(260px, 38vw, 440px);\n    height: clamp(260px, 38vw, 440px);\n    border-radius: 50%;\n    opacity: 0.42;\n    filter: blur(90px);\n    pointer-events: none;\n    animation: fgFloatGlow 9s ease-in-out infinite alternate;\n  }\n\n  .fg-glow-one {\n    top: -190px;\n    left: -150px;\n    background: rgba(201, 179, 157, 0.55);\n  }\n\n  .fg-glow-two {\n    right: -180px;\n    bottom: -230px;\n    background: rgba(23, 62, 108, 0.3);\n    animation-delay: -4s;\n  }\n\n  .fg-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    max-width: 100%;\n    margin: 0 auto 22px;\n    padding: 10px 20px;\n    border: 1px solid rgba(201, 179, 157, 0.65);\n    border-radius: 999px;\n    background: rgba(255, 255, 255, 0.72);\n    box-shadow: 0 10px 30px rgba(23, 62, 108, 0.06);\n    color: var(--fg-navy);\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: clamp(10px, 1.1vw, 12px);\n    font-weight: 700;\n    line-height: 1.4;\n    letter-spacing: 0.18em;\n    text-align: center;\n    text-transform: uppercase;\n    -webkit-backdrop-filter: blur(12px);\n    backdrop-filter: blur(12px);\n  }\n\n  .fg-heading {\n    max-width: 920px;\n    margin: 0 auto;\n    color: var(--fg-deep-navy);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(40px, 6.4vw, 82px);\n    font-weight: 400;\n    line-height: 1.04;\n    letter-spacing: -0.045em;\n    overflow-wrap: break-word;\n    text-wrap: balance;\n  }\n\n  .fg-heading span {\n    display: block;\n    margin-top: 8px;\n    color: var(--fg-champagne);\n    font-style: italic;\n  }\n\n  .fg-divider {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 14px;\n    width: min(300px, 80%);\n    margin: clamp(28px, 4vw, 40px) auto;\n  }\n\n  .fg-divider span {\n    width: 100%;\n    height: 1px;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(201, 179, 157, 0.95)\n    );\n  }\n\n  .fg-divider span:last-child {\n    background: linear-gradient(\n      90deg,\n      rgba(201, 179, 157, 0.95),\n      transparent\n    );\n  }\n\n  .fg-diamond {\n    width: 9px;\n    height: 9px;\n    flex: 0 0 auto;\n    transform: rotate(45deg);\n    background: var(--fg-champagne);\n    animation: fgDiamondPulse 2.8s ease-in-out infinite;\n  }\n\n  .fg-intro {\n    max-width: 790px;\n    margin: 0 auto;\n    color: #526273;\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: clamp(16px, 1.7vw, 21px);\n    line-height: 1.8;\n    text-wrap: pretty;\n  }\n\n  .fg-benefits {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: clamp(16px, 2vw, 24px);\n    width: 100%;\n    margin-top: clamp(44px, 6vw, 68px);\n    text-align: left;\n  }\n\n  .fg-benefit-card {\n    position: relative;\n    min-height: 270px;\n    overflow: hidden;\n    padding: clamp(28px, 3vw, 38px) clamp(24px, 2.5vw, 32px);\n    border: 1px solid rgba(201, 179, 157, 0.42);\n    border-radius: 24px;\n    background: rgba(255, 255, 255, 0.76);\n    box-shadow: 0 20px 50px rgba(23, 62, 108, 0.08);\n    -webkit-backdrop-filter: blur(14px);\n    backdrop-filter: blur(14px);\n    transition:\n      transform 0.45s ease,\n      border-color 0.45s ease,\n      box-shadow 0.45s ease;\n  }\n\n  .fg-benefit-card::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    opacity: 0;\n    background: linear-gradient(\n      135deg,\n      rgba(201, 179, 157, 0.15),\n      transparent 55%\n    );\n    transition: opacity 0.45s ease;\n    pointer-events: none;\n  }\n\n  .fg-number {\n    position: relative;\n    z-index: 1;\n    margin-bottom: clamp(28px, 4vw, 45px);\n    color: var(--fg-champagne);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 15px;\n    line-height: 1;\n    letter-spacing: 0.16em;\n  }\n\n  .fg-benefit-card h3 {\n    position: relative;\n    z-index: 1;\n    margin: 0 0 16px;\n    color: var(--fg-deep-navy);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(23px, 2.1vw, 27px);\n    font-weight: 400;\n    line-height: 1.2;\n    text-wrap: balance;\n  }\n\n  .fg-benefit-card p {\n    position: relative;\n    z-index: 1;\n    margin: 0;\n    color: var(--fg-muted);\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 15px;\n    line-height: 1.75;\n    text-wrap: pretty;\n  }\n\n  .fg-light-therapy {\n    display: grid;\n    grid-template-columns: minmax(170px, 220px) minmax(0, 1fr);\n    align-items: center;\n    gap: clamp(32px, 5vw, 56px);\n    width: 100%;\n    margin-top: clamp(55px, 7vw, 82px);\n    padding: clamp(40px, 5vw, 58px);\n    border: 1px solid rgba(201, 179, 157, 0.42);\n    border-radius: 32px;\n    background: linear-gradient(\n      125deg,\n      rgba(13, 39, 69, 0.99),\n      rgba(23, 62, 108, 0.94)\n    );\n    box-shadow: 0 30px 80px rgba(13, 39, 69, 0.2);\n    color: #ffffff;\n    text-align: left;\n  }\n\n  .fg-orbit {\n    position: relative;\n    display: grid;\n    width: clamp(160px, 18vw, 190px);\n    height: clamp(160px, 18vw, 190px);\n    place-items: center;\n    margin: 0 auto;\n  }\n\n  .fg-orbit-ring {\n    position: absolute;\n    inset: 0;\n    border: 1px solid rgba(229, 216, 202, 0.48);\n    border-radius: 50%;\n    animation: fgOrbitRotate 10s linear infinite;\n  }\n\n  .fg-orbit-ring::before,\n  .fg-orbit-ring::after {\n    content: \"\";\n    position: absolute;\n    width: 13px;\n    height: 13px;\n    border-radius: 50%;\n    background: var(--fg-light-champagne);\n    box-shadow: 0 0 22px rgba(229, 216, 202, 0.85);\n  }\n\n  .fg-orbit-ring::before {\n    top: 12px;\n    left: 35px;\n  }\n\n  .fg-orbit-ring::after {\n    right: 16px;\n    bottom: 30px;\n  }\n\n  .fg-orbit-core {\n    display: grid;\n    width: clamp(102px, 11vw, 120px);\n    height: clamp(102px, 11vw, 120px);\n    place-items: center;\n    border: 1px solid rgba(255, 255, 255, 0.38);\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0.08);\n    box-shadow:\n      inset 0 0 35px rgba(255, 255, 255, 0.08),\n      0 0 45px rgba(201, 179, 157, 0.15);\n    color: var(--fg-light-champagne);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(60px, 7vw, 72px);\n    line-height: 1;\n    -webkit-backdrop-filter: blur(8px);\n    backdrop-filter: blur(8px);\n    animation: fgCorePulse 3.5s ease-in-out infinite;\n  }\n\n  .fg-light-copy {\n    min-width: 0;\n  }\n\n  .fg-small-label {\n    display: block;\n    margin-bottom: 13px;\n    color: var(--fg-light-champagne);\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 11px;\n    font-weight: 700;\n    line-height: 1.5;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n  }\n\n  .fg-light-copy h3 {\n    margin: 0 0 18px;\n    color: #ffffff;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(32px, 4vw, 52px);\n    font-weight: 400;\n    line-height: 1.08;\n    overflow-wrap: break-word;\n    text-wrap: balance;\n  }\n\n  .fg-light-copy p {\n    max-width: 680px;\n    margin: 0;\n    color: rgba(255, 255, 255, 0.78);\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: clamp(15px, 1.5vw, 17px);\n    line-height: 1.8;\n    text-wrap: pretty;\n  }\n\n  .fg-light-dots {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 13px;\n    margin-top: 30px;\n  }\n\n  .fg-dot {\n    display: block;\n    width: 18px;\n    height: 18px;\n    flex: 0 0 18px;\n    border: 2px solid rgba(255, 255, 255, 0.46);\n    border-radius: 50%;\n    animation: fgDotFloat 2.8s ease-in-out infinite;\n    transition:\n      transform 0.3s ease,\n      box-shadow 0.3s ease;\n  }\n\n  .fg-dot:nth-child(2) {\n    animation-delay: 0.15s;\n  }\n\n  .fg-dot:nth-child(3) {\n    animation-delay: 0.3s;\n  }\n\n  .fg-dot:nth-child(4) {\n    animation-delay: 0.45s;\n  }\n\n  .fg-dot:nth-child(5) {\n    animation-delay: 0.6s;\n  }\n\n  .fg-dot:nth-child(6) {\n    animation-delay: 0.75s;\n  }\n\n  .fg-dot:nth-child(7) {\n    animation-delay: 0.9s;\n  }\n\n  .fg-yellow {\n    background: #f4d35e;\n    box-shadow: 0 0 18px rgba(244, 211, 94, 0.55);\n  }\n\n  .fg-red {\n    background: #e85d68;\n    box-shadow: 0 0 18px rgba(232, 93, 104, 0.55);\n  }\n\n  .fg-blue {\n    background: #65a9e8;\n    box-shadow: 0 0 18px rgba(101, 169, 232, 0.55);\n  }\n\n  .fg-orange {\n    background: #f4a261;\n    box-shadow: 0 0 18px rgba(244, 162, 97, 0.55);\n  }\n\n  .fg-indigo {\n    background: #6865c9;\n    box-shadow: 0 0 18px rgba(104, 101, 201, 0.55);\n  }\n\n  .fg-green {\n    background: #78b99b;\n    box-shadow: 0 0 18px rgba(120, 185, 155, 0.55);\n  }\n\n  .fg-purple {\n    background: #b47acb;\n    box-shadow: 0 0 18px rgba(180, 122, 203, 0.55);\n  }\n\n  .fg-closing {\n    margin-top: clamp(58px, 8vw, 88px);\n  }\n\n  .fg-closing p {\n    margin: 0;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(36px, 5vw, 66px);\n    line-height: 1.12;\n    letter-spacing: -0.035em;\n    overflow-wrap: break-word;\n    text-wrap: balance;\n  }\n\n  .fg-closing p:nth-child(1) {\n    color: var(--fg-deep-navy);\n  }\n\n  .fg-closing p:nth-child(2) {\n    color: var(--fg-champagne);\n    font-style: italic;\n  }\n\n  .fg-closing p:nth-child(3) {\n    color: var(--fg-navy);\n  }\n\n  .fg-reveal {\n    opacity: 0;\n    transform: translateY(30px);\n    animation: fgReveal 0.9s cubic-bezier(0.22, 1, 0.36, 1) forwards;\n  }\n\n  .fg-heading {\n    animation-delay: 0.12s;\n  }\n\n  .fg-divider {\n    animation-delay: 0.24s;\n  }\n\n  .fg-intro {\n    animation-delay: 0.34s;\n  }\n\n  .fg-benefit-card:nth-child(1) {\n    animation-delay: 0.46s;\n  }\n\n  .fg-benefit-card:nth-child(2) {\n    animation-delay: 0.6s;\n  }\n\n  .fg-benefit-card:nth-child(3) {\n    animation-delay: 0.74s;\n  }\n\n  .fg-light-therapy {\n    animation-delay: 0.88s;\n  }\n\n  .fg-closing {\n    animation-delay: 1s;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .fg-benefit-card:hover {\n      transform: translateY(-10px);\n      border-color: rgba(201, 179, 157, 0.9);\n      box-shadow: 0 30px 70px rgba(23, 62, 108, 0.13);\n    }\n\n    .fg-benefit-card:hover::before {\n      opacity: 1;\n    }\n\n    .fg-dot:hover {\n      transform: scale(1.4);\n    }\n  }\n\n  @keyframes fgReveal {\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @keyframes fgFloatGlow {\n    0% {\n      transform: translate3d(0, 0, 0) scale(1);\n    }\n\n    100% {\n      transform: translate3d(35px, 25px, 0) scale(1.12);\n    }\n  }\n\n  @keyframes fgDiamondPulse {\n    0%,\n    100% {\n      opacity: 0.6;\n      transform: rotate(45deg) scale(0.8);\n    }\n\n    50% {\n      opacity: 1;\n      transform: rotate(45deg) scale(1.15);\n    }\n  }\n\n  @keyframes fgOrbitRotate {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes fgCorePulse {\n    0%,\n    100% {\n      transform: scale(1);\n      box-shadow:\n        inset 0 0 35px rgba(255, 255, 255, 0.08),\n        0 0 35px rgba(201, 179, 157, 0.12);\n    }\n\n    50% {\n      transform: scale(1.04);\n      box-shadow:\n        inset 0 0 45px rgba(255, 255, 255, 0.11),\n        0 0 58px rgba(201, 179, 157, 0.24);\n    }\n  }\n\n  @keyframes fgDotFloat {\n    0%,\n    100% {\n      transform: translateY(0);\n    }\n\n    50% {\n      transform: translateY(-5px);\n    }\n  }\n\n  \/* Wide Shopify section *\/\n  @container fgRadiance (min-width: 901px) {\n    .fg-benefits {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n\n    .fg-light-therapy {\n      grid-template-columns: 220px minmax(0, 1fr);\n      text-align: left;\n    }\n\n    .fg-light-copy p {\n      margin-left: 0;\n      margin-right: 0;\n    }\n\n    .fg-light-dots {\n      justify-content: flex-start;\n    }\n  }\n\n  \/* Narrow desktop section or tablet *\/\n  @container fgRadiance (max-width: 900px) {\n    .fg-radiance-section {\n      padding: 72px 20px;\n    }\n\n    .fg-benefits {\n      grid-template-columns: 1fr;\n      max-width: 700px;\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    .fg-benefit-card {\n      min-height: auto;\n    }\n\n    .fg-light-therapy {\n      grid-template-columns: 1fr;\n      gap: 34px;\n      max-width: 700px;\n      margin-left: auto;\n      margin-right: auto;\n      padding: 42px 30px;\n      text-align: center;\n    }\n\n    .fg-light-copy p {\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    .fg-light-dots {\n      justify-content: center;\n    }\n  }\n\n  \/* Small product column or mobile *\/\n  @container fgRadiance (max-width: 560px) {\n    .fg-radiance-section {\n      padding: 58px 15px;\n    }\n\n    .fg-eyebrow {\n      max-width: 92%;\n      padding: 9px 14px;\n      font-size: 9px;\n      letter-spacing: 0.13em;\n    }\n\n    .fg-heading {\n      font-size: clamp(36px, 10cqw, 46px);\n      line-height: 1.06;\n      letter-spacing: -0.035em;\n    }\n\n    .fg-heading span {\n      margin-top: 6px;\n    }\n\n    .fg-divider {\n      width: 76%;\n      margin: 27px auto;\n    }\n\n    .fg-intro {\n      font-size: 16px;\n      line-height: 1.7;\n    }\n\n    .fg-benefits {\n      gap: 16px;\n      margin-top: 42px;\n    }\n\n    .fg-benefit-card {\n      padding: 28px 22px;\n      border-radius: 20px;\n    }\n\n    .fg-number {\n      margin-bottom: 24px;\n    }\n\n    .fg-benefit-card h3 {\n      font-size: 23px;\n    }\n\n    .fg-light-therapy {\n      margin-top: 50px;\n      padding: 34px 20px;\n      border-radius: 23px;\n    }\n\n    .fg-orbit {\n      width: 150px;\n      height: 150px;\n    }\n\n    .fg-orbit-core {\n      width: 96px;\n      height: 96px;\n      font-size: 56px;\n    }\n\n    .fg-light-copy h3 {\n      font-size: clamp(29px, 8.5cqw, 36px);\n      line-height: 1.12;\n    }\n\n    .fg-light-copy p {\n      font-size: 15px;\n      line-height: 1.7;\n    }\n\n    .fg-light-dots {\n      gap: 10px;\n      margin-top: 24px;\n    }\n\n    .fg-closing {\n      margin-top: 52px;\n    }\n\n    .fg-closing p {\n      font-size: clamp(32px, 9.5cqw, 42px);\n    }\n  }\n\n  \/* Standard browser fallbacks *\/\n  @media screen and (max-width: 989px) {\n    .fg-benefits {\n      grid-template-columns: 1fr;\n      max-width: 720px;\n      margin-right: auto;\n      margin-left: auto;\n    }\n\n    .fg-benefit-card {\n      min-height: auto;\n    }\n\n    .fg-light-therapy {\n      grid-template-columns: 1fr;\n      max-width: 760px;\n      margin-right: auto;\n      margin-left: auto;\n      text-align: center;\n    }\n\n    .fg-light-copy p {\n      margin-right: auto;\n      margin-left: auto;\n    }\n\n    .fg-light-dots {\n      justify-content: center;\n    }\n  }\n\n  @media screen and (max-width: 749px) {\n    .fg-radiance-section {\n      padding: 64px 16px;\n    }\n\n    .fg-heading {\n      font-size: clamp(39px, 11vw, 54px);\n      line-height: 1.06;\n      letter-spacing: -0.035em;\n    }\n\n    .fg-intro {\n      max-width: 560px;\n      font-size: 16px;\n      line-height: 1.72;\n    }\n\n    .fg-benefit-card {\n      padding: 30px 24px;\n      border-radius: 20px;\n    }\n\n    .fg-benefit-card h3 {\n      font-size: 24px;\n    }\n\n    .fg-light-therapy {\n      padding: 38px 24px;\n      border-radius: 24px;\n    }\n\n    .fg-light-copy h3 {\n      font-size: clamp(32px, 9vw, 42px);\n    }\n\n    .fg-closing p {\n      font-size: clamp(36px, 10vw, 48px);\n    }\n  }\n\n  @media screen and (max-width: 480px) {\n    .fg-radiance-section {\n      padding: 56px 14px;\n    }\n\n    .fg-eyebrow {\n      padding: 9px 14px;\n      font-size: 9px;\n      letter-spacing: 0.14em;\n    }\n\n    .fg-heading {\n      font-size: clamp(37px, 11.5vw, 46px);\n    }\n\n    .fg-divider {\n      width: 78%;\n      margin: 27px auto;\n    }\n\n    .fg-benefits {\n      margin-top: 40px;\n    }\n\n    .fg-benefit-card {\n      padding: 28px 21px;\n    }\n\n    .fg-number {\n      margin-bottom: 24px;\n    }\n\n    .fg-light-therapy {\n      margin-top: 50px;\n      padding: 34px 19px;\n    }\n\n    .fg-orbit {\n      width: 150px;\n      height: 150px;\n    }\n\n    .fg-orbit-core {\n      width: 96px;\n      height: 96px;\n      font-size: 56px;\n    }\n\n    .fg-light-copy h3 {\n      font-size: 31px;\n      line-height: 1.12;\n    }\n\n    .fg-light-copy p {\n      font-size: 15px;\n      line-height: 1.7;\n    }\n\n    .fg-small-label {\n      font-size: 9px;\n      letter-spacing: 0.16em;\n    }\n\n    .fg-light-dots {\n      gap: 11px;\n      margin-top: 25px;\n    }\n\n    .fg-dot {\n      width: 17px;\n      height: 17px;\n      flex-basis: 17px;\n    }\n\n    .fg-closing {\n      margin-top: 52px;\n    }\n\n    .fg-closing p {\n      font-size: clamp(34px, 10.5vw, 43px);\n    }\n\n    .fg-glow {\n      filter: blur(70px);\n    }\n  }\n\n  @supports not (container-type: inline-size) {\n    @media screen and (max-width: 1100px) {\n      .fg-benefits {\n        grid-template-columns: 1fr;\n      }\n\n      .fg-light-therapy {\n        grid-template-columns: 1fr;\n        text-align: center;\n      }\n\n      .fg-light-dots {\n        justify-content: center;\n      }\n\n      .fg-light-copy p {\n        margin-left: auto;\n        margin-right: auto;\n      }\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .fg-radiance-section *,\n    .fg-radiance-section *::before,\n    .fg-radiance-section *::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-reveal {\n      opacity: 1;\n      transform: none;\n    }\n  }\n\u003c\/style\u003e","brand":"Fearless Grace","offers":[{"title":"Default Title","offer_id":45842758074451,"sku":null,"price":349.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0726\/0982\/4851\/files\/ChatGPT_Image_Jul_19_2026_at_08_53_14_PM.png?v=1784487385"},{"product_id":"glowgrip-magnetic-led-tweezer","title":"GlowGrip – Magnetic LED Tweezer","description":"\u003c!-- GlowGrip Magnetic LED Tweezer | Shopify Responsive Section --\u003e\n\u003csection class=\"gg-product-section\"\u003e\n  \u003cdiv class=\"gg-glow gg-glow-one\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"gg-glow gg-glow-two\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"gg-container\"\u003e\n\n    \u003cdiv class=\"gg-eyebrow\"\u003e\n      \u003cspan class=\"gg-eyebrow-line\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n      \u003cspan\u003ePrecision Beauty, Elevated\u003c\/span\u003e\n      \u003cspan class=\"gg-eyebrow-line\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"gg-hero\"\u003e\n      \u003ch2 class=\"gg-title\"\u003e\n        Never Miss a\n        \u003cspan\u003eHair Again.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp class=\"gg-intro\"\u003e\n        Say goodbye to squinting in bad lighting and fumbling with flimsy\n        tweezers. The \u003cstrong\u003eGlowGrip Magnetic LED Tweezer\u003c\/strong\u003e puts you\n        in complete control — so every tweeze feels clean, precise and effortless.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"gg-feature-panel\"\u003e\n\n      \u003cdiv class=\"gg-feature-content\"\u003e\n        \u003cspan class=\"gg-feature-label\"\u003e\n          Illuminated Precision\n        \u003c\/span\u003e\n\n        \u003ch3\u003e\n          See every detail.\u003cbr\u003e\n          Control every movement.\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          The built-in LED light instantly illuminates your target area, helping\n          you clearly see even the finest and most difficult-to-reach hairs.\n        \u003c\/p\u003e\n\n        \u003cp\u003e\n          The magnetic weight system allows you to adjust the grip tension to\n          suit your routine, giving you greater control with every movement.\n        \u003c\/p\u003e\n\n        \u003cp\u003e\n          The result is beautifully shaped brows, smoother-looking skin and\n          confident precision without the usual frustration.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"gg-feature-highlight\"\u003e\n        \u003cdiv class=\"gg-highlight-line\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n        \u003cspan class=\"gg-highlight-number\"\u003e01\u003c\/span\u003e\n\n        \u003cp class=\"gg-highlight-small\"\u003e\n          Light. Grip. Precision.\n        \u003c\/p\u003e\n\n        \u003ch4\u003e\n          Designed for the details\n          \u003cem\u003eothers miss.\u003c\/em\u003e\n        \u003c\/h4\u003e\n\n        \u003cp class=\"gg-highlight-description\"\u003e\n          A more controlled grooming experience for polished,\n          professional-looking results from the comfort of home.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"gg-highlight-tags\"\u003e\n          \u003cspan\u003eBuilt-in Light\u003c\/span\u003e\n          \u003cspan\u003eAdjustable Grip\u003c\/span\u003e\n          \u003cspan\u003eTravel Friendly\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"gg-benefits\"\u003e\n\n      \u003carticle class=\"gg-benefit-card\"\u003e\n        \u003cspan class=\"gg-number\"\u003e01\u003c\/span\u003e\n\n        \u003cdiv class=\"gg-benefit-copy\"\u003e\n          \u003ch4\u003eCleaner Results\u003c\/h4\u003e\n\n          \u003cp\u003e\n            Enjoy more accurate, polished results with every grooming session.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"gg-benefit-card\"\u003e\n        \u003cspan class=\"gg-number\"\u003e02\u003c\/span\u003e\n\n        \u003cdiv class=\"gg-benefit-copy\"\u003e\n          \u003ch4\u003eImproved Visibility\u003c\/h4\u003e\n\n          \u003cp\u003e\n            Illuminate fine and hard-to-see hairs, even when the lighting\n            around you is less than ideal.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"gg-benefit-card\"\u003e\n        \u003cspan class=\"gg-number\"\u003e03\u003c\/span\u003e\n\n        \u003cdiv class=\"gg-benefit-copy\"\u003e\n          \u003ch4\u003eGentler Precision\u003c\/h4\u003e\n\n          \u003cp\u003e\n            Experience less pulling and more controlled, comfortable grooming.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"gg-benefit-card\"\u003e\n        \u003cspan class=\"gg-number\"\u003e04\u003c\/span\u003e\n\n        \u003cdiv class=\"gg-benefit-copy\"\u003e\n          \u003ch4\u003eReady to Travel\u003c\/h4\u003e\n\n          \u003cp\u003e\n            A compact beauty essential designed to fit effortlessly into your\n            handbag, makeup bag or travel routine.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"gg-closing\"\u003e\n      \u003cdiv class=\"gg-closing-shine\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n      \u003cp class=\"gg-closing-kicker\"\u003e\n        Every Detail. Every Time.\n      \u003c\/p\u003e\n\n      \u003ch3\u003e\n        Your grooming routine,\u003cbr\u003e\n        \u003cspan\u003ebeautifully elevated.\u003c\/span\u003e\n      \u003c\/h3\u003e\n\n      \u003cp class=\"gg-note\"\u003e\n        Please note: Battery not included.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n  .gg-product-section {\n    --gg-navy: #173e6c;\n    --gg-navy-deep: #0b223d;\n    --gg-champagne: #c9b39d;\n    --gg-champagne-light: #e6d9cc;\n    --gg-ivory: #faf8f5;\n    --gg-white: #ffffff;\n    --gg-muted: #627084;\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    color: var(--gg-navy-deep);\n\n    background:\n      radial-gradient(\n        circle at 15% 10%,\n        rgba(201, 179, 157, 0.22),\n        transparent 34%\n      ),\n      radial-gradient(\n        circle at 90% 80%,\n        rgba(23, 62, 108, 0.12),\n        transparent 36%\n      ),\n      linear-gradient(\n        145deg,\n        #ffffff 0%,\n        var(--gg-ivory) 48%,\n        #f3eee8 100%\n      );\n\n    font-family: Arial, Helvetica, sans-serif;\n\n    container-type: inline-size;\n    container-name: ggProduct;\n  }\n\n  .gg-product-section,\n  .gg-product-section *,\n  .gg-product-section *::before,\n  .gg-product-section *::after {\n    box-sizing: border-box;\n  }\n\n  .gg-product-section h2,\n  .gg-product-section h3,\n  .gg-product-section h4,\n  .gg-product-section p {\n    padding: 0;\n  }\n\n  .gg-product-section h2,\n  .gg-product-section h3,\n  .gg-product-section h4,\n  .gg-product-section p,\n  .gg-product-section span,\n  .gg-product-section div,\n  .gg-product-section article {\n    min-width: 0;\n    word-break: normal;\n    overflow-wrap: break-word;\n  }\n\n  .gg-product-section::before {\n    content: \"\";\n    position: absolute;\n    z-index: -3;\n    inset: 0;\n    opacity: 0.35;\n\n    background-image:\n      linear-gradient(\n        rgba(23, 62, 108, 0.035) 1px,\n        transparent 1px\n      ),\n      linear-gradient(\n        90deg,\n        rgba(23, 62, 108, 0.035) 1px,\n        transparent 1px\n      );\n\n    background-size: 44px 44px;\n\n    mask-image: linear-gradient(\n      to bottom,\n      transparent,\n      black 22%,\n      black 78%,\n      transparent\n    );\n\n    -webkit-mask-image: linear-gradient(\n      to bottom,\n      transparent,\n      black 22%,\n      black 78%,\n      transparent\n    );\n\n    pointer-events: none;\n  }\n\n  .gg-container {\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  .gg-glow {\n    position: absolute;\n    z-index: -2;\n\n    width: clamp(280px, 38vw, 430px);\n    height: clamp(280px, 38vw, 430px);\n\n    border-radius: 50%;\n    opacity: 0.32;\n    filter: blur(90px);\n\n    pointer-events: none;\n\n    animation:\n      ggFloatGlow 10s ease-in-out infinite alternate;\n  }\n\n  .gg-glow-one {\n    top: -160px;\n    right: -120px;\n    background: rgba(201, 179, 157, 0.78);\n  }\n\n  .gg-glow-two {\n    bottom: -190px;\n    left: -170px;\n    background: rgba(23, 62, 108, 0.4);\n    animation-delay: -4s;\n  }\n\n  .gg-eyebrow {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 14px;\n\n    max-width: 100%;\n    margin: 0 auto 26px;\n\n    color: var(--gg-champagne);\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    animation: ggFadeUp 0.8s ease both;\n  }\n\n  .gg-eyebrow \u003e span:nth-child(2) {\n    flex: 0 1 auto;\n  }\n\n  .gg-eyebrow-line {\n    width: clamp(22px, 4vw, 42px);\n    height: 1px;\n    flex: 0 0 auto;\n\n    background: linear-gradient(\n      90deg,\n      transparent,\n      var(--gg-champagne)\n    );\n  }\n\n  .gg-eyebrow-line:last-child {\n    background: linear-gradient(\n      90deg,\n      var(--gg-champagne),\n      transparent\n    );\n  }\n\n  .gg-hero {\n    width: 100%;\n    max-width: 900px;\n\n    margin:\n      0 auto\n      clamp(52px, 7vw, 92px);\n\n    text-align: center;\n  }\n\n  .gg-title {\n    max-width: 100%;\n    margin: 0;\n\n    color: var(--gg-navy-deep);\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(46px, 7vw, 92px);\n    font-weight: 500;\n    line-height: 0.98;\n    letter-spacing: -0.05em;\n\n    text-wrap: balance;\n\n    animation: ggFadeUp 0.9s 0.1s ease both;\n  }\n\n  .gg-title span {\n    position: relative;\n    display: inline-block;\n\n    color: var(--gg-navy);\n    font-style: italic;\n  }\n\n  .gg-title span::after {\n    content: \"\";\n    position: absolute;\n\n    right: 2%;\n    bottom: -8px;\n    left: 2%;\n\n    height: 2px;\n\n    transform: scaleX(0);\n    transform-origin: left;\n\n    background: linear-gradient(\n      90deg,\n      transparent,\n      var(--gg-champagne),\n      transparent\n    );\n\n    animation:\n      ggDrawLine 1.2s 0.8s ease forwards;\n  }\n\n  .gg-intro {\n    width: 100%;\n    max-width: 720px;\n\n    margin: 34px auto 0;\n\n    color: var(--gg-muted);\n\n    font-size: clamp(16px, 1.7vw, 19px);\n    line-height: 1.82;\n\n    text-wrap: pretty;\n\n    animation: ggFadeUp 0.9s 0.25s ease both;\n  }\n\n  .gg-intro strong {\n    color: var(--gg-navy);\n    font-weight: 700;\n  }\n\n  .gg-feature-panel {\n    display: grid;\n    grid-template-columns:\n      minmax(0, 1.12fr)\n      minmax(0, 0.88fr);\n\n    align-items: stretch;\n\n    gap: clamp(32px, 5vw, 72px);\n\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n\n    margin-bottom: clamp(54px, 7vw, 92px);\n\n    padding:\n      clamp(34px, 5vw, 70px);\n\n    border: 1px solid rgba(201, 179, 157, 0.55);\n    border-radius: 36px;\n\n    background: linear-gradient(\n      135deg,\n      rgba(255, 255, 255, 0.92),\n      rgba(250, 248, 245, 0.74)\n    );\n\n    box-shadow:\n      0 30px 80px rgba(11, 34, 61, 0.09),\n      inset 0 1px 0 rgba(255, 255, 255, 0.95);\n\n    backdrop-filter: blur(16px);\n    -webkit-backdrop-filter: blur(16px);\n\n    animation:\n      ggPanelReveal 1s 0.35s ease both;\n  }\n\n  .gg-feature-content {\n    align-self: center;\n    min-width: 0;\n  }\n\n  .gg-feature-label {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n\n    margin-bottom: 22px;\n\n    color: var(--gg-champagne);\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  .gg-feature-label::before {\n    content: \"\";\n\n    width: 30px;\n    height: 1px;\n    flex: 0 0 auto;\n\n    background: currentColor;\n  }\n\n  .gg-feature-content h3 {\n    margin: 0 0 24px;\n\n    color: var(--gg-navy-deep);\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(34px, 4vw, 57px);\n    font-weight: 500;\n    line-height: 1.06;\n    letter-spacing: -0.035em;\n\n    text-wrap: balance;\n  }\n\n  .gg-feature-content p {\n    margin: 0 0 16px;\n\n    color: var(--gg-muted);\n\n    font-size: 16px;\n    line-height: 1.78;\n\n    text-wrap: pretty;\n  }\n\n  .gg-feature-content p:last-child {\n    margin-bottom: 0;\n  }\n\n  .gg-feature-highlight {\n    position: relative;\n\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    min-height: 440px;\n\n    overflow: hidden;\n\n    padding:\n      clamp(34px, 4vw, 52px);\n\n    border: 1px solid rgba(255, 255, 255, 0.13);\n    border-radius: 28px;\n\n    color: var(--gg-white);\n\n    background:\n      radial-gradient(\n        circle at 80% 15%,\n        rgba(201, 179, 157, 0.25),\n        transparent 35%\n      ),\n      linear-gradient(\n        145deg,\n        var(--gg-navy-deep),\n        var(--gg-navy)\n      );\n\n    box-shadow:\n      0 24px 55px rgba(11, 34, 61, 0.18);\n  }\n\n  .gg-feature-highlight::before {\n    content: \"\";\n    position: absolute;\n\n    top: -80px;\n    right: -80px;\n\n    width: 230px;\n    height: 230px;\n\n    border: 1px solid rgba(255, 255, 255, 0.09);\n    border-radius: 50%;\n\n    animation:\n      ggSlowFloat 8s ease-in-out infinite;\n\n    pointer-events: none;\n  }\n\n  .gg-feature-highlight::after {\n    content: \"\";\n    position: absolute;\n\n    right: 38px;\n    bottom: 38px;\n\n    width: 85px;\n    height: 85px;\n\n    border-right: 1px solid rgba(201, 179, 157, 0.5);\n    border-bottom: 1px solid rgba(201, 179, 157, 0.5);\n\n    opacity: 0.6;\n    pointer-events: none;\n  }\n\n  .gg-highlight-line {\n    position: absolute;\n\n    top: 0;\n    left: 52px;\n\n    width: 1px;\n    height: 76px;\n\n    background: linear-gradient(\n      to bottom,\n      var(--gg-champagne),\n      transparent\n    );\n  }\n\n  .gg-highlight-number {\n    position: relative;\n    z-index: 1;\n\n    display: inline-block;\n\n    margin-bottom: auto;\n\n    color: var(--gg-champagne-light);\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 14px;\n    font-style: italic;\n    letter-spacing: 0.1em;\n  }\n\n  .gg-highlight-small {\n    position: relative;\n    z-index: 1;\n\n    margin: 38px 0 14px;\n\n    color: var(--gg-champagne-light);\n\n    font-size: 10px;\n    font-weight: 700;\n    line-height: 1.5;\n    letter-spacing: 0.2em;\n\n    text-transform: uppercase;\n  }\n\n  .gg-feature-highlight h4 {\n    position: relative;\n    z-index: 1;\n\n    max-width: 400px;\n    margin: 0;\n\n    color: var(--gg-white);\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(31px, 3.5vw, 48px);\n    font-weight: 500;\n    line-height: 1.07;\n    letter-spacing: -0.035em;\n\n    text-wrap: balance;\n  }\n\n  .gg-feature-highlight h4 em {\n    display: block;\n\n    color: var(--gg-champagne-light);\n    font-weight: 400;\n  }\n\n  .gg-highlight-description {\n    position: relative;\n    z-index: 1;\n\n    max-width: 390px;\n\n    margin: 22px 0 28px;\n\n    color: rgba(255, 255, 255, 0.72);\n\n    font-size: 14px;\n    line-height: 1.75;\n\n    text-wrap: pretty;\n  }\n\n  .gg-highlight-tags {\n    position: relative;\n    z-index: 1;\n\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n  }\n\n  .gg-highlight-tags span {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    max-width: 100%;\n    padding: 9px 13px;\n\n    border: 1px solid rgba(255, 255, 255, 0.14);\n    border-radius: 50px;\n\n    color: rgba(255, 255, 255, 0.8);\n    background: rgba(255, 255, 255, 0.06);\n\n    font-size: 10px;\n    font-weight: 700;\n    line-height: 1.3;\n    letter-spacing: 0.07em;\n\n    text-align: center;\n    text-transform: uppercase;\n\n    transition:\n      border-color 0.3s ease,\n      background 0.3s ease,\n      transform 0.3s ease;\n  }\n\n  .gg-benefits {\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    margin-bottom: clamp(54px, 7vw, 92px);\n  }\n\n  .gg-benefit-card {\n    position: relative;\n\n    display: flex;\n    align-items: flex-start;\n    gap: 22px;\n\n    min-width: 0;\n    min-height: 190px;\n\n    overflow: hidden;\n\n    padding: 30px;\n\n    border: 1px solid rgba(23, 62, 108, 0.09);\n    border-radius: 24px;\n\n    background: rgba(255, 255, 255, 0.72);\n\n    box-shadow:\n      0 18px 45px rgba(11, 34, 61, 0.055);\n\n    transition:\n      transform 0.45s ease,\n      border-color 0.45s ease,\n      box-shadow 0.45s ease;\n\n    animation: ggFadeUp 0.8s ease both;\n  }\n\n  .gg-benefit-card:nth-child(1) {\n    animation-delay: 0.15s;\n  }\n\n  .gg-benefit-card:nth-child(2) {\n    animation-delay: 0.25s;\n  }\n\n  .gg-benefit-card:nth-child(3) {\n    animation-delay: 0.35s;\n  }\n\n  .gg-benefit-card:nth-child(4) {\n    animation-delay: 0.45s;\n  }\n\n  .gg-benefit-card::before {\n    content: \"\";\n    position: absolute;\n\n    top: -120%;\n    left: -45%;\n\n    width: 45%;\n    height: 300%;\n\n    transform: rotate(24deg);\n\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(255, 255, 255, 0.78),\n      transparent\n    );\n\n    transition: left 0.8s ease;\n    pointer-events: none;\n  }\n\n  .gg-number {\n    flex: 0 0 auto;\n\n    color: var(--gg-champagne);\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 15px;\n    font-style: italic;\n    line-height: 1.3;\n  }\n\n  .gg-benefit-copy {\n    flex: 1 1 auto;\n    min-width: 0;\n  }\n\n  .gg-benefit-card h4 {\n    margin: 0 0 12px;\n\n    color: var(--gg-navy);\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(22px, 2vw, 25px);\n    font-weight: 500;\n    line-height: 1.2;\n\n    text-wrap: balance;\n  }\n\n  .gg-benefit-card p {\n    margin: 0;\n\n    color: var(--gg-muted);\n\n    font-size: 15px;\n    line-height: 1.7;\n\n    text-wrap: pretty;\n  }\n\n  .gg-closing {\n    position: relative;\n\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n\n    overflow: hidden;\n\n    padding:\n      clamp(48px, 7vw, 84px)\n      clamp(20px, 4vw, 42px);\n\n    border-radius: 32px;\n\n    color: var(--gg-white);\n\n    background:\n      radial-gradient(\n        circle at 50% 0%,\n        rgba(201, 179, 157, 0.24),\n        transparent 42%\n      ),\n      linear-gradient(\n        145deg,\n        var(--gg-navy-deep),\n        var(--gg-navy)\n      );\n\n    text-align: center;\n\n    box-shadow:\n      0 30px 80px rgba(11, 34, 61, 0.22);\n  }\n\n  .gg-closing::before {\n    content: \"\";\n    position: absolute;\n\n    inset: 0;\n\n    opacity: 0.22;\n\n    background-image:\n      radial-gradient(\n        circle at 20% 30%,\n        rgba(255, 255, 255, 0.65) 0 1px,\n        transparent 1.5px\n      ),\n      radial-gradient(\n        circle at 75% 20%,\n        rgba(255, 255, 255, 0.5) 0 1px,\n        transparent 1.5px\n      ),\n      radial-gradient(\n        circle at 65% 78%,\n        rgba(255, 255, 255, 0.4) 0 1px,\n        transparent 1.5px\n      );\n\n    background-size:\n      120px 120px,\n      150px 150px,\n      180px 180px;\n\n    animation:\n      ggSparkleDrift 16s linear infinite;\n\n    pointer-events: none;\n  }\n\n  .gg-closing-shine {\n    position: absolute;\n\n    top: -70%;\n    left: -35%;\n\n    width: 38%;\n    height: 240%;\n\n    transform: rotate(25deg);\n\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(255, 255, 255, 0.1),\n      transparent\n    );\n\n    animation:\n      ggShine 6s ease-in-out infinite;\n\n    pointer-events: none;\n  }\n\n  .gg-closing-kicker {\n    position: relative;\n    z-index: 1;\n\n    margin: 0 0 18px;\n\n    color: var(--gg-champagne-light);\n\n    font-size: 11px;\n    font-weight: 700;\n    line-height: 1.5;\n    letter-spacing: 0.22em;\n\n    text-transform: uppercase;\n  }\n\n  .gg-closing h3 {\n    position: relative;\n    z-index: 1;\n\n    max-width: 100%;\n    margin: 0;\n\n    color: var(--gg-white);\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(38px, 5.5vw, 68px);\n    font-weight: 500;\n    line-height: 1.05;\n    letter-spacing: -0.035em;\n\n    text-wrap: balance;\n  }\n\n  .gg-closing h3 span {\n    color: var(--gg-champagne-light);\n    font-style: italic;\n  }\n\n  .gg-note {\n    position: relative;\n    z-index: 1;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 9px;\n\n    max-width: 100%;\n\n    margin: 30px 0 0;\n\n    color: rgba(255, 255, 255, 0.7);\n\n    font-size: 12px;\n    line-height: 1.5;\n    letter-spacing: 0.04em;\n  }\n\n  .gg-note::before {\n    content: \"\";\n\n    width: 5px;\n    height: 5px;\n    flex: 0 0 auto;\n\n    border-radius: 50%;\n\n    background: var(--gg-champagne);\n\n    box-shadow:\n      0 0 10px rgba(201, 179, 157, 0.9);\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .gg-highlight-tags span:hover {\n      transform: translateY(-3px);\n      border-color: rgba(201, 179, 157, 0.75);\n      background: rgba(201, 179, 157, 0.14);\n    }\n\n    .gg-benefit-card:hover {\n      transform: translateY(-8px);\n      border-color: rgba(201, 179, 157, 0.75);\n\n      box-shadow:\n        0 26px 60px rgba(11, 34, 61, 0.11);\n    }\n\n    .gg-benefit-card:hover::before {\n      left: 125%;\n    }\n  }\n\n  @keyframes ggFadeUp {\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 ggPanelReveal {\n    from {\n      opacity: 0;\n      transform: translateY(35px) scale(0.98);\n    }\n\n    to {\n      opacity: 1;\n      transform: translateY(0) scale(1);\n    }\n  }\n\n  @keyframes ggDrawLine {\n    to {\n      transform: scaleX(1);\n    }\n  }\n\n  @keyframes ggFloatGlow {\n    from {\n      transform:\n        translate3d(-15px, -10px, 0)\n        scale(0.95);\n    }\n\n    to {\n      transform:\n        translate3d(25px, 20px, 0)\n        scale(1.08);\n    }\n  }\n\n  @keyframes ggSlowFloat {\n    0%,\n    100% {\n      transform:\n        translate3d(0, 0, 0)\n        scale(1);\n    }\n\n    50% {\n      transform:\n        translate3d(-18px, 18px, 0)\n        scale(1.08);\n    }\n  }\n\n  @keyframes ggShine {\n    0%,\n    20% {\n      left: -45%;\n    }\n\n    65%,\n    100% {\n      left: 130%;\n    }\n  }\n\n  @keyframes ggSparkleDrift {\n    to {\n      background-position:\n        120px 70px,\n        -100px 100px,\n        90px -120px;\n    }\n  }\n\n  \/*\n    FULL-WIDTH DESKTOP SECTION\n  *\/\n\n  @container ggProduct (min-width: 901px) {\n    .gg-feature-panel {\n      grid-template-columns:\n        minmax(0, 1.12fr)\n        minmax(0, 0.88fr);\n\n      text-align: left;\n    }\n\n    .gg-feature-label {\n      justify-content: flex-start;\n    }\n\n    .gg-feature-content p {\n      margin-right: 0;\n      margin-left: 0;\n    }\n\n    .gg-benefits {\n      grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n    }\n  }\n\n  \/*\n    NARROW SHOPIFY DESKTOP COLUMN\n    OR TABLET CONTAINER\n  *\/\n\n  @container ggProduct (max-width: 900px) {\n    .gg-product-section {\n      padding:\n        72px\n        20px;\n    }\n\n    .gg-feature-panel {\n      grid-template-columns: minmax(0, 1fr);\n\n      gap: 34px;\n\n      max-width: 740px;\n\n      margin-right: auto;\n      margin-left: auto;\n\n      padding:\n        44px\n        32px;\n\n      text-align: center;\n    }\n\n    .gg-feature-label {\n      justify-content: center;\n    }\n\n    .gg-feature-content p {\n      max-width: 620px;\n\n      margin-right: auto;\n      margin-left: auto;\n    }\n\n    .gg-feature-highlight {\n      min-height: 400px;\n      text-align: left;\n    }\n\n    .gg-benefits {\n      grid-template-columns: minmax(0, 1fr);\n\n      max-width: 740px;\n\n      margin-right: auto;\n      margin-left: auto;\n      margin-bottom: clamp(54px, 7vw, 92px);\n    }\n\n    .gg-benefit-card {\n      min-height: auto;\n    }\n\n    .gg-closing {\n      max-width: 740px;\n\n      margin-right: auto;\n      margin-left: auto;\n    }\n  }\n\n  \/*\n    SMALL PRODUCT COLUMN\n  *\/\n\n  @container ggProduct (max-width: 560px) {\n    .gg-product-section {\n      padding:\n        58px\n        15px;\n    }\n\n    .gg-eyebrow {\n      gap: 8px;\n\n      font-size: 9px;\n      letter-spacing: 0.14em;\n    }\n\n    .gg-eyebrow-line {\n      width: 22px;\n    }\n\n    .gg-title {\n      font-size: clamp(43px, 13cqw, 60px);\n      line-height: 1;\n      letter-spacing: -0.04em;\n    }\n\n    .gg-intro {\n      margin-top: 28px;\n\n      font-size: 16px;\n      line-height: 1.72;\n    }\n\n    .gg-hero {\n      margin-bottom: 48px;\n    }\n\n    .gg-feature-panel {\n      gap: 30px;\n\n      padding:\n        34px\n        20px;\n\n      border-radius: 26px;\n    }\n\n    .gg-feature-label {\n      font-size: 9px;\n      letter-spacing: 0.15em;\n    }\n\n    .gg-feature-label::before {\n      width: 22px;\n    }\n\n    .gg-feature-content h3 {\n      font-size: clamp(31px, 9cqw, 39px);\n      line-height: 1.08;\n    }\n\n    .gg-feature-content p {\n      font-size: 15px;\n      line-height: 1.72;\n    }\n\n    .gg-feature-highlight {\n      min-height: 390px;\n\n      padding:\n        32px\n        23px;\n\n      border-radius: 22px;\n    }\n\n    .gg-highlight-line {\n      left: 24px;\n    }\n\n    .gg-feature-highlight::after {\n      right: 24px;\n      bottom: 24px;\n\n      width: 55px;\n      height: 55px;\n    }\n\n    .gg-feature-highlight h4 {\n      font-size: clamp(30px, 9cqw, 38px);\n    }\n\n    .gg-highlight-description {\n      font-size: 14px;\n    }\n\n    .gg-benefits {\n      gap: 14px;\n    }\n\n    .gg-benefit-card {\n      gap: 16px;\n\n      min-height: auto;\n\n      padding:\n        25px\n        21px;\n\n      border-radius: 20px;\n    }\n\n    .gg-benefit-card h4 {\n      font-size: 22px;\n    }\n\n    .gg-closing {\n      padding:\n        48px\n        18px;\n\n      border-radius: 25px;\n    }\n\n    .gg-closing-kicker {\n      font-size: 9px;\n      letter-spacing: 0.16em;\n    }\n\n    .gg-closing h3 {\n      font-size: clamp(34px, 10cqw, 44px);\n      line-height: 1.08;\n    }\n\n    .gg-note {\n      font-size: 11px;\n    }\n  }\n\n  \/*\n    EXTRA-SMALL MOBILE\n  *\/\n\n  @container ggProduct (max-width: 390px) {\n    .gg-product-section {\n      padding:\n        52px\n        12px;\n    }\n\n    .gg-eyebrow {\n      letter-spacing: 0.1em;\n    }\n\n    .gg-eyebrow-line {\n      width: 14px;\n    }\n\n    .gg-title {\n      font-size: 42px;\n    }\n\n    .gg-feature-panel {\n      padding:\n        30px\n        16px;\n    }\n\n    .gg-feature-highlight {\n      min-height: 380px;\n\n      padding:\n        30px\n        19px;\n    }\n\n    .gg-highlight-tags {\n      gap: 6px;\n    }\n\n    .gg-highlight-tags span {\n      padding:\n        8px\n        10px;\n\n      font-size: 9px;\n      letter-spacing: 0.04em;\n    }\n\n    .gg-benefit-card {\n      padding:\n        23px\n        18px;\n    }\n\n    .gg-closing {\n      padding:\n        44px\n        15px;\n    }\n\n    .gg-closing h3 {\n      font-size: 34px;\n    }\n  }\n\n  \/*\n    STANDARD VIEWPORT FALLBACKS\n  *\/\n\n  @media screen and (max-width: 989px) {\n    .gg-feature-panel {\n      grid-template-columns: minmax(0, 1fr);\n      text-align: center;\n    }\n\n    .gg-feature-label {\n      justify-content: center;\n    }\n\n    .gg-feature-content p {\n      max-width: 620px;\n\n      margin-right: auto;\n      margin-left: auto;\n    }\n\n    .gg-feature-highlight {\n      text-align: left;\n    }\n\n    .gg-benefits {\n      grid-template-columns: minmax(0, 1fr);\n    }\n  }\n\n  @media screen and (max-width: 749px) {\n    .gg-product-section {\n      padding:\n        64px\n        16px;\n    }\n\n    .gg-title {\n      font-size: clamp(44px, 12vw, 64px);\n    }\n\n    .gg-feature-panel {\n      padding:\n        38px\n        24px;\n    }\n\n    .gg-feature-content h3 {\n      font-size: clamp(33px, 8vw, 44px);\n    }\n\n    .gg-closing h3 {\n      font-size: clamp(36px, 9vw, 50px);\n    }\n  }\n\n  @media screen and (max-width: 480px) {\n    .gg-product-section {\n      padding:\n        56px\n        14px;\n    }\n\n    .gg-eyebrow {\n      gap: 8px;\n\n      font-size: 9px;\n      letter-spacing: 0.14em;\n    }\n\n    .gg-eyebrow-line {\n      width: 20px;\n    }\n\n    .gg-title {\n      font-size: clamp(42px, 13vw, 56px);\n    }\n\n    .gg-feature-panel {\n      padding:\n        32px\n        19px;\n\n      border-radius: 25px;\n    }\n\n    .gg-feature-highlight {\n      min-height: 390px;\n\n      padding:\n        30px\n        22px;\n\n      border-radius: 21px;\n    }\n\n    .gg-benefit-card {\n      padding:\n        24px\n        20px;\n    }\n\n    .gg-closing {\n      border-radius: 24px;\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: 1100px) {\n      .gg-feature-panel {\n        grid-template-columns: minmax(0, 1fr);\n        text-align: center;\n      }\n\n      .gg-feature-label {\n        justify-content: center;\n      }\n\n      .gg-feature-content p {\n        max-width: 620px;\n\n        margin-right: auto;\n        margin-left: auto;\n      }\n\n      .gg-feature-highlight {\n        text-align: left;\n      }\n\n      .gg-benefits {\n        grid-template-columns: minmax(0, 1fr);\n      }\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .gg-product-section *,\n    .gg-product-section *::before,\n    .gg-product-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\u003c\/style\u003e","brand":"Fearless Grace","offers":[{"title":"Default Title","offer_id":45844590264403,"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_59_57AM.png?v=1784535766"},{"product_id":"puretouch-silicone-facial-lip-exfoliating-brush","title":"PureTouch – Silicone Facial \u0026 Lip Exfoliating Brush","description":"\u003c!-- PureTouch Silicone Facial \u0026 Lip Exfoliating Brush | Shopify Responsive Section --\u003e\n\u003csection class=\"fg-puretouch-section\"\u003e\n  \u003cdiv class=\"fg-puretouch-glow fg-puretouch-glow-one\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"fg-puretouch-glow fg-puretouch-glow-two\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"fg-puretouch-container\"\u003e\n\n    \u003cheader class=\"fg-puretouch-header\"\u003e\n      \u003cdiv class=\"fg-puretouch-eyebrow\"\u003e\n        \u003cspan class=\"fg-puretouch-eyebrow-line\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n\n        \u003cspan\u003ePureTouch Daily Ritual\u003c\/span\u003e\n\n        \u003cspan class=\"fg-puretouch-eyebrow-line\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"fg-puretouch-title\"\u003e\n        \u003cspan\u003eSmoother Skin. Softer Lips. Every Day.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp class=\"fg-puretouch-intro\"\u003e\n        The\n        \u003cstrong\u003ePureTouch Silicone Facial \u0026amp; Lip Exfoliating Brush\u003c\/strong\u003e\n        gives you a deeper, gentler clean than your hands ever could. Soft\n        silicone bristles lift away dead skin, unclog pores, and leave your\n        face and lips feeling impossibly smooth — without irritation.\n      \u003c\/p\u003e\n    \u003c\/header\u003e\n\n    \u003cdiv class=\"fg-puretouch-result\"\u003e\n      \u003cp\u003e\n        Use it daily and notice the difference within days:\n        \u003cstrong\u003e\n          fewer blackheads, softer lips, and a complexion that actually glows.\n        \u003c\/strong\u003e\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fg-puretouch-grid\"\u003e\n\n      \u003carticle class=\"fg-puretouch-card\"\u003e\n        \u003cdiv class=\"fg-puretouch-number\"\u003e01\u003c\/div\u003e\n\n        \u003ch3\u003eSmoother Skin\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Visibly smoother, fresher and cleaner-looking skin after every use.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"fg-puretouch-card\"\u003e\n        \u003cdiv class=\"fg-puretouch-number\"\u003e02\u003c\/div\u003e\n\n        \u003ch3\u003eSofter Lips\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Gently exfoliates dry, flaky skin for lips that feel soft and polished.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"fg-puretouch-card\"\u003e\n        \u003cdiv class=\"fg-puretouch-number\"\u003e03\u003c\/div\u003e\n\n        \u003ch3\u003eClearer Pores\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Helps lift away buildup and unclog pores for a clearer-looking\n          complexion.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"fg-puretouch-card\"\u003e\n        \u003cdiv class=\"fg-puretouch-number\"\u003e04\u003c\/div\u003e\n\n        \u003ch3\u003eDaily Gentle Care\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Soft silicone bristles make it gentle enough for daily use on all\n          skin types.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"fg-puretouch-card\"\u003e\n        \u003cdiv class=\"fg-puretouch-number\"\u003e05\u003c\/div\u003e\n\n        \u003ch3\u003eClean \u0026amp; Hygienic\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Rinses clean in seconds for a simple, hygienic and long-lasting\n          routine.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fg-puretouch-footer\"\u003e\n      \u003cspan class=\"fg-puretouch-footer-line\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n\n      \u003cspan\u003eSimple care. Beautiful results.\u003c\/span\u003e\n\n      \u003cspan class=\"fg-puretouch-footer-line\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n  .fg-puretouch-section {\n    --pt-navy: #173e6c;\n    --pt-navy-deep: #0d2948;\n    --pt-champagne: #c9b39d;\n    --pt-ivory: #faf8f5;\n    --pt-sage: #aebdaf;\n    --pt-white: #ffffff;\n    --pt-text: #23364d;\n    --pt-muted: #647386;\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, 100px)\n      clamp(16px, 3vw, 28px);\n\n    color: var(--pt-text);\n\n    background:\n      radial-gradient(\n        circle at 10% 15%,\n        rgba(201, 179, 157, 0.22),\n        transparent 34%\n      ),\n      radial-gradient(\n        circle at 88% 85%,\n        rgba(174, 189, 175, 0.2),\n        transparent 32%\n      ),\n      linear-gradient(\n        145deg,\n        #ffffff 0%,\n        var(--pt-ivory) 55%,\n        #f3eee9 100%\n      );\n\n    font-family: \"Helvetica Neue\", Arial, sans-serif;\n\n    container-type: inline-size;\n    container-name: pureTouch;\n  }\n\n  .fg-puretouch-section,\n  .fg-puretouch-section *,\n  .fg-puretouch-section *::before,\n  .fg-puretouch-section *::after {\n    box-sizing: border-box;\n  }\n\n  .fg-puretouch-section h2,\n  .fg-puretouch-section h3,\n  .fg-puretouch-section p {\n    padding: 0;\n  }\n\n  .fg-puretouch-section h2,\n  .fg-puretouch-section h3,\n  .fg-puretouch-section p,\n  .fg-puretouch-section span,\n  .fg-puretouch-section div,\n  .fg-puretouch-section article,\n  .fg-puretouch-section header {\n    min-width: 0;\n    max-width: 100%;\n    word-break: normal;\n    overflow-wrap: break-word;\n  }\n\n  .fg-puretouch-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-puretouch-glow {\n    position: absolute;\n    z-index: -1;\n\n    width: clamp(280px, 35vw, 400px);\n    height: clamp(280px, 35vw, 400px);\n\n    border-radius: 50%;\n\n    background: rgba(201, 179, 157, 0.18);\n\n    filter: blur(80px);\n    pointer-events: none;\n\n    animation:\n      fgPureTouchFloatGlow 8s ease-in-out infinite alternate;\n  }\n\n  .fg-puretouch-glow-one {\n    top: -180px;\n    right: -120px;\n  }\n\n  .fg-puretouch-glow-two {\n    bottom: -220px;\n    left: -140px;\n\n    background: rgba(174, 189, 175, 0.22);\n\n    animation-delay: -3s;\n  }\n\n  .fg-puretouch-header {\n    width: 100%;\n    max-width: 850px;\n\n    margin:\n      0 auto\n      clamp(42px, 5vw, 58px);\n\n    text-align: center;\n\n    animation:\n      fgPureTouchFadeUp 0.9s ease both;\n  }\n\n  .fg-puretouch-eyebrow {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n\n    max-width: 100%;\n\n    margin: 0 auto 22px;\n\n    color: var(--pt-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  .fg-puretouch-eyebrow \u003e span:nth-child(2) {\n    flex: 0 1 auto;\n  }\n\n  .fg-puretouch-eyebrow-line {\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(--pt-champagne)\n    );\n  }\n\n  .fg-puretouch-eyebrow-line:last-child {\n    background: linear-gradient(\n      90deg,\n      var(--pt-champagne),\n      transparent\n    );\n  }\n\n  .fg-puretouch-title {\n    width: 100%;\n    max-width: 100%;\n\n    margin: 0;\n\n    color: var(--pt-navy);\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(38px, 5.8vw, 72px);\n    font-weight: 500;\n    line-height: 1.05;\n    letter-spacing: -0.035em;\n\n    text-wrap: balance;\n  }\n\n  .fg-puretouch-title span {\n    display: inline-block;\n\n    max-width: 100%;\n\n    color: transparent;\n\n    background: linear-gradient(\n      110deg,\n      var(--pt-navy) 10%,\n      var(--pt-champagne) 50%,\n      var(--pt-navy) 90%\n    );\n\n    background-size: 220% auto;\n    background-clip: text;\n    -webkit-background-clip: text;\n\n    animation:\n      fgPureTouchShimmer 5s linear infinite;\n  }\n\n  .fg-puretouch-intro {\n    width: 100%;\n    max-width: 760px;\n\n    margin: 30px auto 0;\n\n    color: #536476;\n\n    font-size: clamp(16px, 1.7vw, 19px);\n    line-height: 1.82;\n\n    text-wrap: pretty;\n  }\n\n  .fg-puretouch-intro strong {\n    color: var(--pt-navy);\n    font-weight: 700;\n  }\n\n  .fg-puretouch-result {\n    position: relative;\n\n    width: 100%;\n    max-width: 850px;\n    min-width: 0;\n\n    margin:\n      0 auto\n      clamp(34px, 4vw, 48px);\n\n    padding:\n      clamp(28px, 3vw, 36px)\n      clamp(24px, 4vw, 42px);\n\n    border: 1px solid rgba(201, 179, 157, 0.45);\n    border-radius: 26px;\n\n    background: rgba(255, 255, 255, 0.7);\n\n    box-shadow:\n      0 25px 70px rgba(23, 62, 108, 0.09);\n\n    backdrop-filter: blur(14px);\n    -webkit-backdrop-filter: blur(14px);\n\n    text-align: center;\n\n    animation:\n      fgPureTouchFadeUp 0.9s 0.2s ease both;\n  }\n\n  .fg-puretouch-result::before {\n    content: \"\";\n    position: absolute;\n\n    inset: 0;\n\n    padding: 1px;\n    border-radius: inherit;\n\n    background: linear-gradient(\n      135deg,\n      rgba(255, 255, 255, 0.9),\n      rgba(201, 179, 157, 0.45),\n      rgba(174, 189, 175, 0.35)\n    );\n\n    -webkit-mask:\n      linear-gradient(#ffffff 0 0) content-box,\n      linear-gradient(#ffffff 0 0);\n\n    -webkit-mask-composite: xor;\n    mask-composite: exclude;\n\n    pointer-events: none;\n  }\n\n  .fg-puretouch-result p {\n    margin: 0;\n\n    color: #42566c;\n\n    font-size: clamp(16px, 1.8vw, 20px);\n    line-height: 1.75;\n\n    text-wrap: pretty;\n  }\n\n  .fg-puretouch-result strong {\n    color: var(--pt-navy);\n  }\n\n  .fg-puretouch-grid {\n    display: grid;\n    grid-template-columns:\n      repeat(5, minmax(0, 1fr));\n\n    gap: 16px;\n\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .fg-puretouch-card {\n    position: relative;\n\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    min-height: 230px;\n\n    padding:\n      30px\n      22px;\n\n    border: 1px solid rgba(23, 62, 108, 0.09);\n    border-radius: 24px;\n\n    background: rgba(255, 255, 255, 0.82);\n\n    box-shadow:\n      0 18px 45px rgba(23, 62, 108, 0.07);\n\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n\n    transition:\n      transform 0.45s ease,\n      box-shadow 0.45s ease,\n      border-color 0.45s ease;\n\n    animation:\n      fgPureTouchFadeUp 0.8s ease both;\n  }\n\n  .fg-puretouch-card:nth-child(1) {\n    animation-delay: 0.28s;\n  }\n\n  .fg-puretouch-card:nth-child(2) {\n    animation-delay: 0.38s;\n  }\n\n  .fg-puretouch-card:nth-child(3) {\n    animation-delay: 0.48s;\n  }\n\n  .fg-puretouch-card:nth-child(4) {\n    animation-delay: 0.58s;\n  }\n\n  .fg-puretouch-card:nth-child(5) {\n    animation-delay: 0.68s;\n  }\n\n  .fg-puretouch-number {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    width: 44px;\n    height: 44px;\n    flex: 0 0 44px;\n\n    margin-bottom: 28px;\n\n    border-radius: 50%;\n\n    color: var(--pt-white);\n\n    background: linear-gradient(\n      135deg,\n      var(--pt-navy),\n      #345f8c\n    );\n\n    box-shadow:\n      0 10px 25px rgba(23, 62, 108, 0.22);\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 17px;\n    line-height: 1;\n\n    transition:\n      transform 0.45s ease;\n  }\n\n  .fg-puretouch-card h3 {\n    margin: 0 0 12px;\n\n    color: var(--pt-navy);\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(19px, 1.8vw, 22px);\n    font-weight: 500;\n    line-height: 1.25;\n\n    text-wrap: balance;\n  }\n\n  .fg-puretouch-card p {\n    margin: 0;\n\n    color: var(--pt-muted);\n\n    font-size: 14px;\n    line-height: 1.7;\n\n    text-wrap: pretty;\n  }\n\n  .fg-puretouch-footer {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 18px;\n\n    width: 100%;\n    max-width: 100%;\n\n    margin-top: clamp(42px, 5vw, 58px);\n\n    color: var(--pt-navy);\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(22px, 2.8vw, 32px);\n    font-style: italic;\n    line-height: 1.3;\n\n    text-align: center;\n\n    animation:\n      fgPureTouchFadeUp 0.9s 0.8s ease both;\n  }\n\n  .fg-puretouch-footer \u003e span:nth-child(2) {\n    flex: 0 1 auto;\n  }\n\n  .fg-puretouch-footer-line {\n    width: clamp(30px, 6vw, 70px);\n    height: 1px;\n    flex: 0 1 70px;\n\n    background: linear-gradient(\n      90deg,\n      transparent,\n      var(--pt-champagne)\n    );\n  }\n\n  .fg-puretouch-footer-line:last-child {\n    background: linear-gradient(\n      90deg,\n      var(--pt-champagne),\n      transparent\n    );\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .fg-puretouch-card:hover {\n      transform: translateY(-10px);\n\n      border-color: rgba(201, 179, 157, 0.65);\n\n      box-shadow:\n        0 28px 65px rgba(23, 62, 108, 0.13);\n    }\n\n    .fg-puretouch-card:hover .fg-puretouch-number {\n      transform:\n        rotate(8deg)\n        scale(1.08);\n    }\n  }\n\n  @keyframes fgPureTouchFadeUp {\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 fgPureTouchShimmer {\n    to {\n      background-position: -220% center;\n    }\n  }\n\n  @keyframes fgPureTouchFloatGlow {\n    from {\n      transform:\n        translate3d(0, 0, 0)\n        scale(1);\n    }\n\n    to {\n      transform:\n        translate3d(35px, 25px, 0)\n        scale(1.15);\n    }\n  }\n\n  \/*\n    FULL-WIDTH DESKTOP SECTION\n  *\/\n\n  @container pureTouch (min-width: 1051px) {\n    .fg-puretouch-grid {\n      grid-template-columns:\n        repeat(5, minmax(0, 1fr));\n    }\n\n    .fg-puretouch-card {\n      min-height: 230px;\n    }\n  }\n\n  \/*\n    MEDIUM DESKTOP OR NARROW SHOPIFY SECTION\n  *\/\n\n  @container pureTouch (min-width: 701px) and (max-width: 1050px) {\n    .fg-puretouch-section {\n      padding:\n        76px\n        22px;\n    }\n\n    .fg-puretouch-grid {\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    .fg-puretouch-card {\n      min-height: 210px;\n    }\n\n    .fg-puretouch-card:last-child {\n      grid-column: 1 \/ -1;\n\n      min-height: auto;\n    }\n  }\n\n  \/*\n    TABLET OR NARROW PRODUCT COLUMN\n  *\/\n\n  @container pureTouch (min-width: 561px) and (max-width: 700px) {\n    .fg-puretouch-section {\n      padding:\n        68px\n        20px;\n    }\n\n    .fg-puretouch-header {\n      margin-bottom: 40px;\n    }\n\n    .fg-puretouch-title {\n      font-size: clamp(42px, 8cqw, 56px);\n      letter-spacing: -0.025em;\n    }\n\n    .fg-puretouch-intro {\n      font-size: 16px;\n    }\n\n    .fg-puretouch-result {\n      padding:\n        28px\n        24px;\n\n      border-radius: 22px;\n    }\n\n    .fg-puretouch-grid {\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    .fg-puretouch-card,\n    .fg-puretouch-card:last-child {\n      grid-column: auto;\n\n      min-height: auto;\n\n      padding:\n        28px\n        25px;\n    }\n\n    .fg-puretouch-number {\n      margin-bottom: 20px;\n    }\n  }\n\n  \/*\n    MOBILE OR VERY NARROW SHOPIFY COLUMN\n  *\/\n\n  @container pureTouch (max-width: 560px) {\n    .fg-puretouch-section {\n      padding:\n        58px\n        15px;\n    }\n\n    .fg-puretouch-header {\n      margin-bottom: 36px;\n    }\n\n    .fg-puretouch-eyebrow {\n      gap: 7px;\n\n      font-size: 9px;\n      letter-spacing: 0.13em;\n    }\n\n    .fg-puretouch-eyebrow-line {\n      width: 18px;\n    }\n\n    .fg-puretouch-title {\n      font-size: clamp(36px, 10cqw, 46px);\n      line-height: 1.07;\n      letter-spacing: -0.025em;\n    }\n\n    .fg-puretouch-intro {\n      margin-top: 25px;\n\n      font-size: 15px;\n      line-height: 1.72;\n    }\n\n    .fg-puretouch-result {\n      margin-bottom: 30px;\n\n      padding:\n        26px\n        20px;\n\n      border-radius: 21px;\n    }\n\n    .fg-puretouch-result p {\n      font-size: 15px;\n      line-height: 1.68;\n    }\n\n    .fg-puretouch-grid {\n      grid-template-columns:\n        minmax(0, 1fr);\n\n      gap: 14px;\n    }\n\n    .fg-puretouch-card,\n    .fg-puretouch-card:last-child {\n      grid-column: auto;\n\n      min-height: auto;\n\n      padding:\n        26px\n        22px;\n\n      border-radius: 20px;\n    }\n\n    .fg-puretouch-number {\n      width: 42px;\n      height: 42px;\n      flex-basis: 42px;\n\n      margin-bottom: 19px;\n\n      font-size: 16px;\n    }\n\n    .fg-puretouch-card h3 {\n      font-size: 22px;\n    }\n\n    .fg-puretouch-card p {\n      font-size: 14px;\n      line-height: 1.68;\n    }\n\n    .fg-puretouch-footer {\n      gap: 10px;\n\n      margin-top: 40px;\n\n      font-size: clamp(21px, 6.5cqw, 28px);\n    }\n\n    .fg-puretouch-footer-line {\n      width: 26px;\n      flex-basis: 26px;\n    }\n\n    .fg-puretouch-glow {\n      filter: blur(65px);\n    }\n  }\n\n  \/*\n    EXTRA-SMALL MOBILE\n  *\/\n\n  @container pureTouch (max-width: 390px) {\n    .fg-puretouch-section {\n      padding:\n        52px\n        12px;\n    }\n\n    .fg-puretouch-eyebrow {\n      letter-spacing: 0.09em;\n    }\n\n    .fg-puretouch-eyebrow-line {\n      width: 12px;\n    }\n\n    .fg-puretouch-title {\n      font-size: 35px;\n    }\n\n    .fg-puretouch-result {\n      padding:\n        24px\n        17px;\n    }\n\n    .fg-puretouch-card,\n    .fg-puretouch-card:last-child {\n      padding:\n        24px\n        19px;\n    }\n\n    .fg-puretouch-footer {\n      font-size: 21px;\n    }\n\n    .fg-puretouch-footer-line {\n      width: 18px;\n      flex-basis: 18px;\n    }\n  }\n\n  \/*\n    STANDARD VIEWPORT FALLBACKS\n  *\/\n\n  @media screen and (max-width: 1050px) {\n    .fg-puretouch-grid {\n      grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n    }\n\n    .fg-puretouch-card:last-child {\n      grid-column: 1 \/ -1;\n\n      min-height: auto;\n    }\n  }\n\n  @media screen and (max-width: 749px) {\n    .fg-puretouch-section {\n      padding:\n        66px\n        18px;\n    }\n\n    .fg-puretouch-grid {\n      grid-template-columns:\n        minmax(0, 1fr);\n    }\n\n    .fg-puretouch-card,\n    .fg-puretouch-card:last-child {\n      grid-column: auto;\n\n      min-height: auto;\n    }\n  }\n\n  @media screen and (max-width: 480px) {\n    .fg-puretouch-section {\n      padding:\n        56px\n        14px;\n    }\n\n    .fg-puretouch-eyebrow {\n      gap: 7px;\n\n      font-size: 9px;\n      letter-spacing: 0.12em;\n    }\n\n    .fg-puretouch-eyebrow-line {\n      width: 17px;\n    }\n\n    .fg-puretouch-title {\n      font-size: clamp(36px, 10.5vw, 44px);\n    }\n\n    .fg-puretouch-result {\n      padding:\n        25px\n        19px;\n    }\n\n    .fg-puretouch-card {\n      padding:\n        25px\n        21px;\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: 1050px) {\n      .fg-puretouch-grid {\n        grid-template-columns:\n          repeat(2, minmax(0, 1fr));\n      }\n\n      .fg-puretouch-card:last-child {\n        grid-column: 1 \/ -1;\n      }\n    }\n\n    @media screen and (max-width: 700px) {\n      .fg-puretouch-grid {\n        grid-template-columns:\n          minmax(0, 1fr);\n      }\n\n      .fg-puretouch-card,\n      .fg-puretouch-card:last-child {\n        grid-column: auto;\n      }\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .fg-puretouch-section *,\n    .fg-puretouch-section *::before,\n    .fg-puretouch-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\u003c\/style\u003e","brand":"Fearless Grace","offers":[{"title":"Default Title","offer_id":45844794900563,"sku":null,"price":179.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0726\/0982\/4851\/files\/ChatGPTImageJul20_2026at10_40_20AM.png?v=1784536944"},{"product_id":"sonicglow-3-in-1-skin-scrubber","title":"SonicGlow – 3-in-1 Skin Scrubber","description":"\u003c!-- SonicGlow 3-in-1 Skin Scrubber | Shopify Responsive Section --\u003e\n\u003csection class=\"sonicglow-section\"\u003e\n  \u003cdiv class=\"sonicglow-glow sonicglow-glow-one\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"sonicglow-glow sonicglow-glow-two\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"sonicglow-shell\"\u003e\n\n    \u003cdiv class=\"sonicglow-hero\"\u003e\n      \u003cdiv class=\"sonicglow-eyebrow\"\u003e\n        Elevated At-Home Skincare\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"sonicglow-title\"\u003e\n        Clearer Skin. Deeper Glow.\n        \u003cspan\u003eIn Minutes.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp class=\"sonicglow-intro\"\u003e\n        The \u003cstrong\u003eSonicGlow 3-in-1 Skin Scrubber\u003c\/strong\u003e gives you the\n        results of a professional facial — from home. The precision spatula\n        head works to lift away dirt, oil, and impurities, while boosting the\n        absorption of your favourite skincare products for skin that’s visibly\n        smoother, brighter, and more hydrated.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"sonicglow-divider\" aria-hidden=\"true\"\u003e\n        \u003cspan\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cp class=\"sonicglow-statement\"\u003e\n        Three targeted modes. One effortless routine. Real results.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sonicglow-modes\"\u003e\n\n      \u003carticle class=\"sonicglow-card\"\u003e\n        \u003cdiv class=\"sonicglow-card-number\"\u003e01\u003c\/div\u003e\n\n        \u003ch3\u003eDeep Cleansing\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Unclogs pores and removes buildup for a clearer, smoother\n          complexion.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"sonicglow-card\"\u003e\n        \u003cdiv class=\"sonicglow-card-number\"\u003e02\u003c\/div\u003e\n\n        \u003ch3\u003eMoisturizing\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Drives serums and moisturisers deeper into the skin for lasting\n          hydration.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"sonicglow-card\"\u003e\n        \u003cdiv class=\"sonicglow-card-number\"\u003e03\u003c\/div\u003e\n\n        \u003ch3\u003eMassage\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Stimulates circulation for a healthy, refreshed and radiant-looking\n          glow.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sonicglow-details\"\u003e\n\n      \u003cdiv class=\"sonicglow-detail-panel\"\u003e\n        \u003cp class=\"sonicglow-detail-label\"\u003e\n          Designed Around Your Routine\n        \u003c\/p\u003e\n\n        \u003ch3\u003eGentle care. Powerful everyday results.\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Gentle enough for daily use on all skin types — including sensitive\n          skin. Rechargeable, portable, and designed to fit seamlessly into\n          your routine.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"sonicglow-features\"\u003e\n          \u003cspan class=\"sonicglow-feature\"\u003eAll Skin Types\u003c\/span\u003e\n          \u003cspan class=\"sonicglow-feature\"\u003eDaily Use\u003c\/span\u003e\n          \u003cspan class=\"sonicglow-feature\"\u003eRechargeable\u003c\/span\u003e\n          \u003cspan class=\"sonicglow-feature\"\u003ePortable\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"sonicglow-closing-panel\"\u003e\n        \u003cdiv class=\"sonicglow-closing-mark\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n        \u003cblockquote\u003e\n          Your skin, transformed. One session at a time.\n        \u003c\/blockquote\u003e\n\n        \u003cp\u003eThe SonicGlow Ritual\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  .sonicglow-section {\n    --sg-navy: #10233f;\n    --sg-blue: #4b8fce;\n    --sg-light-blue: #dceeff;\n    --sg-ice: #f5faff;\n    --sg-white: #ffffff;\n    --sg-text: #52647a;\n    --sg-border: rgba(75, 143, 206, 0.16);\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(--sg-navy);\n\n    background:\n      radial-gradient(\n        circle at 8% 15%,\n        rgba(119, 185, 238, 0.22),\n        transparent 32%\n      ),\n      radial-gradient(\n        circle at 92% 84%,\n        rgba(183, 220, 249, 0.35),\n        transparent 34%\n      ),\n      linear-gradient(\n        145deg,\n        #fafdff 0%,\n        #edf7ff 48%,\n        #ffffff 100%\n      );\n\n    font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n\n    container-type: inline-size;\n    container-name: sonicGlow;\n  }\n\n  .sonicglow-section,\n  .sonicglow-section *,\n  .sonicglow-section *::before,\n  .sonicglow-section *::after {\n    box-sizing: border-box;\n  }\n\n  .sonicglow-section h2,\n  .sonicglow-section h3,\n  .sonicglow-section p,\n  .sonicglow-section blockquote {\n    padding: 0;\n  }\n\n  .sonicglow-section h2,\n  .sonicglow-section h3,\n  .sonicglow-section p,\n  .sonicglow-section span,\n  .sonicglow-section div,\n  .sonicglow-section article,\n  .sonicglow-section blockquote {\n    min-width: 0;\n    max-width: 100%;\n    word-break: normal;\n    overflow-wrap: break-word;\n  }\n\n  .sonicglow-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  .sonicglow-glow {\n    position: absolute;\n    z-index: -1;\n\n    width: clamp(290px, 38vw, 430px);\n    height: clamp(290px, 38vw, 430px);\n\n    border-radius: 50%;\n    filter: blur(12px);\n    opacity: 0.42;\n\n    pointer-events: none;\n\n    animation:\n      sonicGlowFloat 8s ease-in-out infinite;\n  }\n\n  .sonicglow-glow-one {\n    top: -210px;\n    right: -130px;\n\n    background: radial-gradient(\n      circle,\n      rgba(94, 167, 225, 0.42),\n      transparent 68%\n    );\n  }\n\n  .sonicglow-glow-two {\n    bottom: -250px;\n    left: -140px;\n\n    background: radial-gradient(\n      circle,\n      rgba(164, 213, 249, 0.55),\n      transparent 68%\n    );\n\n    animation-delay: -4s;\n  }\n\n  .sonicglow-hero {\n    position: relative;\n\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n\n    padding:\n      clamp(44px, 5vw, 64px)\n      clamp(24px, 5vw, 58px);\n\n    border: 1px solid rgba(255, 255, 255, 0.88);\n    border-radius: 34px;\n\n    background: rgba(255, 255, 255, 0.69);\n\n    box-shadow:\n      0 30px 80px rgba(26, 76, 120, 0.12),\n      inset 0 1px 0 rgba(255, 255, 255, 0.95);\n\n    backdrop-filter: blur(18px);\n    -webkit-backdrop-filter: blur(18px);\n\n    text-align: center;\n\n    opacity: 0;\n    transform: translateY(28px);\n\n    animation:\n      sonicGlowReveal 0.9s ease forwards;\n  }\n\n  .sonicglow-eyebrow {\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 22px;\n    padding: 9px 15px;\n\n    border: 1px solid rgba(75, 143, 206, 0.2);\n    border-radius: 999px;\n\n    background: rgba(233, 246, 255, 0.88);\n\n    color: var(--sg-blue);\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\n  .sonicglow-eyebrow::before {\n    content: \"\";\n\n    width: 7px;\n    height: 7px;\n    flex: 0 0 7px;\n\n    border-radius: 50%;\n\n    background: var(--sg-blue);\n\n    box-shadow:\n      0 0 0 6px rgba(75, 143, 206, 0.1);\n\n    animation:\n      sonicGlowPulse 2.2s ease-in-out infinite;\n  }\n\n  .sonicglow-title {\n    width: 100%;\n    max-width: 860px;\n\n    margin: 0 auto;\n\n    color: var(--sg-navy);\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(42px, 5.8vw, 76px);\n    font-weight: 500;\n    line-height: 1.02;\n    letter-spacing: -0.045em;\n\n    text-wrap: balance;\n  }\n\n  .sonicglow-title span {\n    display: block;\n\n    max-width: 100%;\n\n    color: transparent;\n\n    background: linear-gradient(\n      90deg,\n      #183754,\n      #4b8fce,\n      #183754\n    );\n\n    background-size: 200% auto;\n    background-clip: text;\n    -webkit-background-clip: text;\n\n    animation:\n      sonicGlowShimmer 5s linear infinite;\n  }\n\n  .sonicglow-intro {\n    width: 100%;\n    max-width: 810px;\n\n    margin: 28px auto 0;\n\n    color: var(--sg-text);\n\n    font-size: clamp(15px, 1.6vw, 17px);\n    line-height: 1.85;\n\n    text-wrap: pretty;\n  }\n\n  .sonicglow-intro strong {\n    color: var(--sg-navy);\n    font-weight: 700;\n  }\n\n  .sonicglow-divider {\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  .sonicglow-divider::before,\n  .sonicglow-divider::after {\n    content: \"\";\n\n    width: clamp(38px, 7vw, 76px);\n    height: 1px;\n    flex: 0 1 76px;\n\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(75, 143, 206, 0.48)\n    );\n  }\n\n  .sonicglow-divider::after {\n    background: linear-gradient(\n      90deg,\n      rgba(75, 143, 206, 0.48),\n      transparent\n    );\n  }\n\n  .sonicglow-divider span {\n    width: 9px;\n    height: 9px;\n    flex: 0 0 9px;\n\n    border: 2px solid rgba(75, 143, 206, 0.6);\n    border-radius: 50%;\n\n    animation:\n      sonicGlowPulse 2.2s ease-in-out infinite;\n  }\n\n  .sonicglow-statement {\n    max-width: 100%;\n\n    margin: 34px 0 0;\n\n    color: var(--sg-navy);\n\n    font-size: clamp(19px, 2.3vw, 27px);\n    font-weight: 600;\n    line-height: 1.4;\n    letter-spacing: -0.02em;\n\n    text-wrap: balance;\n  }\n\n  .sonicglow-modes {\n    display: grid;\n    grid-template-columns:\n      repeat(3, minmax(0, 1fr));\n\n    gap: 22px;\n\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n\n    margin-top: 30px;\n  }\n\n  .sonicglow-card {\n    position: relative;\n\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    min-height: 285px;\n\n    overflow: hidden;\n\n    padding:\n      34px\n      30px;\n\n    border: 1px solid var(--sg-border);\n    border-radius: 26px;\n\n    background: rgba(255, 255, 255, 0.8);\n\n    box-shadow:\n      0 20px 48px rgba(34, 89, 135, 0.08);\n\n    opacity: 0;\n    transform: translateY(28px);\n\n    animation:\n      sonicGlowReveal 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  .sonicglow-card:nth-child(1) {\n    animation-delay: 0.18s;\n  }\n\n  .sonicglow-card:nth-child(2) {\n    animation-delay: 0.32s;\n  }\n\n  .sonicglow-card:nth-child(3) {\n    animation-delay: 0.46s;\n  }\n\n  .sonicglow-card::before {\n    content: \"\";\n    position: absolute;\n\n    inset: 0;\n\n    opacity: 0;\n\n    background: linear-gradient(\n      135deg,\n      rgba(212, 238, 255, 0.62),\n      transparent 54%\n    );\n\n    transition:\n      opacity 0.4s ease;\n\n    pointer-events: none;\n  }\n\n  .sonicglow-card::after {\n    content: \"\";\n    position: absolute;\n\n    top: -120px;\n    right: -100px;\n\n    width: 220px;\n    height: 220px;\n\n    border-radius: 50%;\n\n    background: radial-gradient(\n      circle,\n      rgba(100, 177, 232, 0.2),\n      transparent 70%\n    );\n\n    transition:\n      transform 0.5s ease;\n\n    pointer-events: none;\n  }\n\n  .sonicglow-card-number {\n    position: relative;\n    z-index: 1;\n\n    display: grid;\n    place-items: center;\n\n    width: 52px;\n    height: 52px;\n    flex: 0 0 52px;\n\n    margin-bottom: 28px;\n\n    border: 1px solid rgba(75, 143, 206, 0.22);\n    border-radius: 17px;\n\n    background: linear-gradient(\n      145deg,\n      #ffffff,\n      #e4f3ff\n    );\n\n    box-shadow:\n      0 12px 26px rgba(62, 137, 194, 0.15);\n\n    color: var(--sg-blue);\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  .sonicglow-card h3 {\n    position: relative;\n    z-index: 1;\n\n    margin: 0 0 14px;\n\n    color: var(--sg-navy);\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(23px, 2.1vw, 27px);\n    font-weight: 500;\n    line-height: 1.2;\n    letter-spacing: -0.025em;\n\n    text-wrap: balance;\n  }\n\n  .sonicglow-card p {\n    position: relative;\n    z-index: 1;\n\n    margin: 0;\n\n    color: var(--sg-text);\n\n    font-size: 15px;\n    line-height: 1.75;\n\n    text-wrap: pretty;\n  }\n\n  .sonicglow-details {\n    display: grid;\n    grid-template-columns:\n      minmax(0, 1.1fr)\n      minmax(0, 0.9fr);\n\n    gap: 24px;\n\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n\n    margin-top: 24px;\n  }\n\n  .sonicglow-detail-panel,\n  .sonicglow-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, 42px);\n\n    border: 1px solid rgba(75, 143, 206, 0.14);\n    border-radius: 28px;\n\n    opacity: 0;\n    transform: translateY(24px);\n\n    animation:\n      sonicGlowReveal 0.8s ease forwards;\n\n    animation-delay: 0.6s;\n  }\n\n  .sonicglow-detail-panel {\n    background: linear-gradient(\n      135deg,\n      rgba(21, 54, 83, 0.98),\n      rgba(51, 103, 149, 0.95)\n    );\n\n    box-shadow:\n      0 24px 58px rgba(16, 35, 63, 0.17);\n  }\n\n  .sonicglow-detail-panel::after {\n    content: \"\";\n    position: absolute;\n\n    top: -180px;\n    right: -130px;\n\n    width: 370px;\n    height: 370px;\n\n    border: 1px solid rgba(255, 255, 255, 0.11);\n    border-radius: 50%;\n\n    box-shadow:\n      0 0 0 38px rgba(255, 255, 255, 0.035),\n      0 0 0 78px rgba(255, 255, 255, 0.025);\n\n    animation:\n      sonicGlowRotate 18s linear infinite;\n\n    pointer-events: none;\n  }\n\n  .sonicglow-detail-label {\n    position: relative;\n    z-index: 1;\n\n    margin: 0 0 13px;\n\n    color: #aad7f7;\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  .sonicglow-detail-panel h3 {\n    position: relative;\n    z-index: 1;\n\n    max-width: 500px;\n\n    margin: 0 0 18px;\n\n    color: #ffffff;\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(29px, 3.5vw, 42px);\n    font-weight: 500;\n    line-height: 1.15;\n\n    text-wrap: balance;\n  }\n\n  .sonicglow-detail-panel p {\n    position: relative;\n    z-index: 1;\n\n    max-width: 600px;\n\n    margin: 0;\n\n    color: rgba(255, 255, 255, 0.76);\n\n    font-size: 15px;\n    line-height: 1.8;\n\n    text-wrap: pretty;\n  }\n\n  .sonicglow-features {\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  .sonicglow-feature {\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.91);\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  .sonicglow-closing-panel {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    background: rgba(255, 255, 255, 0.79);\n\n    box-shadow:\n      0 20px 48px rgba(34, 89, 135, 0.08);\n\n    animation-delay: 0.74s;\n  }\n\n  .sonicglow-closing-mark {\n    width: 48px;\n    height: 3px;\n\n    margin-bottom: 28px;\n\n    border-radius: 99px;\n\n    background: linear-gradient(\n      90deg,\n      var(--sg-blue),\n      #abd7f6\n    );\n\n    transform-origin: left;\n\n    animation:\n      sonicGlowLine 2.4s ease-in-out infinite;\n  }\n\n  .sonicglow-closing-panel blockquote {\n    margin: 0;\n\n    color: var(--sg-navy);\n\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(28px, 3.5vw, 40px);\n    font-weight: 500;\n    line-height: 1.22;\n    letter-spacing: -0.03em;\n\n    text-wrap: balance;\n  }\n\n  .sonicglow-closing-panel p {\n    margin: 20px 0 0;\n\n    color: var(--sg-blue);\n\n    font-size: 13px;\n    font-weight: 800;\n    line-height: 1.5;\n    letter-spacing: 0.13em;\n\n    text-transform: uppercase;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .sonicglow-card:hover {\n      transform: translateY(-10px);\n\n      border-color: rgba(75, 143, 206, 0.35);\n\n      box-shadow:\n        0 28px 58px rgba(34, 89, 135, 0.15);\n    }\n\n    .sonicglow-card:hover::before {\n      opacity: 1;\n    }\n\n    .sonicglow-card:hover::after {\n      transform: scale(1.25);\n    }\n\n    .sonicglow-card:hover .sonicglow-card-number {\n      transform:\n        rotate(-5deg)\n        scale(1.08);\n    }\n\n    .sonicglow-feature:hover {\n      transform: translateY(-3px);\n      background: rgba(255, 255, 255, 0.15);\n    }\n  }\n\n  @keyframes sonicGlowReveal {\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @keyframes sonicGlowFloat {\n    0%,\n    100% {\n      transform:\n        translate3d(0, 0, 0)\n        scale(1);\n    }\n\n    50% {\n      transform:\n        translate3d(18px, -20px, 0)\n        scale(1.08);\n    }\n  }\n\n  @keyframes sonicGlowPulse {\n    0%,\n    100% {\n      transform: scale(1);\n      opacity: 1;\n    }\n\n    50% {\n      transform: scale(1.24);\n      opacity: 0.65;\n    }\n  }\n\n  @keyframes sonicGlowShimmer {\n    to {\n      background-position: 200% center;\n    }\n  }\n\n  @keyframes sonicGlowRotate {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes sonicGlowLine {\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 sonicGlow (min-width: 901px) {\n    .sonicglow-modes {\n      grid-template-columns:\n        repeat(3, minmax(0, 1fr));\n    }\n\n    .sonicglow-card {\n      min-height: 285px;\n    }\n\n    .sonicglow-details {\n      grid-template-columns:\n        minmax(0, 1.1fr)\n        minmax(0, 0.9fr);\n    }\n  }\n\n  \/*\n    NARROW SHOPIFY DESKTOP SECTION\n    OR TABLET CONTAINER\n  *\/\n\n  @container sonicGlow (min-width: 561px) and (max-width: 900px) {\n    .sonicglow-section {\n      padding:\n        68px\n        20px;\n    }\n\n    .sonicglow-hero {\n      max-width: 760px;\n\n      margin-right: auto;\n      margin-left: auto;\n\n      padding:\n        52px\n        32px;\n\n      border-radius: 28px;\n    }\n\n    .sonicglow-title {\n      font-size: clamp(44px, 8cqw, 62px);\n    }\n\n    .sonicglow-modes {\n      grid-template-columns:\n        minmax(0, 1fr);\n\n      max-width: 760px;\n\n      margin-right: auto;\n      margin-left: auto;\n      margin-top: 26px;\n    }\n\n    .sonicglow-card {\n      min-height: auto;\n    }\n\n    .sonicglow-details {\n      grid-template-columns:\n        minmax(0, 1fr);\n\n      max-width: 760px;\n\n      margin-right: auto;\n      margin-left: auto;\n      margin-top: 22px;\n    }\n  }\n\n  \/*\n    MOBILE OR VERY NARROW PRODUCT COLUMN\n  *\/\n\n  @container sonicGlow (max-width: 560px) {\n    .sonicglow-section {\n      padding:\n        52px\n        15px;\n    }\n\n    .sonicglow-hero {\n      padding:\n        42px\n        20px;\n\n      border-radius: 23px;\n    }\n\n    .sonicglow-eyebrow {\n      gap: 8px;\n\n      padding:\n        8px\n        12px;\n\n      font-size: 9px;\n      letter-spacing: 0.13em;\n    }\n\n    .sonicglow-eyebrow::before {\n      width: 6px;\n      height: 6px;\n      flex-basis: 6px;\n\n      box-shadow:\n        0 0 0 5px rgba(75, 143, 206, 0.1);\n    }\n\n    .sonicglow-title {\n      font-size: clamp(38px, 11cqw, 47px);\n      line-height: 1.04;\n      letter-spacing: -0.035em;\n    }\n\n    .sonicglow-intro {\n      margin-top: 24px;\n\n      font-size: 15px;\n      line-height: 1.72;\n    }\n\n    .sonicglow-divider {\n      gap: 10px;\n\n      margin-top: 30px;\n    }\n\n    .sonicglow-divider::before,\n    .sonicglow-divider::after {\n      width: 42px;\n      flex-basis: 42px;\n    }\n\n    .sonicglow-statement {\n      margin-top: 28px;\n\n      font-size: clamp(19px, 6cqw, 23px);\n      line-height: 1.42;\n    }\n\n    .sonicglow-modes {\n      grid-template-columns:\n        minmax(0, 1fr);\n\n      gap: 15px;\n\n      margin-top: 22px;\n    }\n\n    .sonicglow-card {\n      min-height: auto;\n\n      padding:\n        29px\n        23px;\n\n      border-radius: 22px;\n    }\n\n    .sonicglow-card-number {\n      width: 48px;\n      height: 48px;\n\n      margin-bottom: 22px;\n\n      border-radius: 15px;\n    }\n\n    .sonicglow-card h3 {\n      font-size: 24px;\n    }\n\n    .sonicglow-card p {\n      font-size: 14px;\n      line-height: 1.7;\n    }\n\n    .sonicglow-details {\n      grid-template-columns:\n        minmax(0, 1fr);\n\n      gap: 15px;\n\n      margin-top: 15px;\n    }\n\n    .sonicglow-detail-panel,\n    .sonicglow-closing-panel {\n      padding:\n        30px\n        23px;\n\n      border-radius: 22px;\n    }\n\n    .sonicglow-detail-label {\n      font-size: 9px;\n      letter-spacing: 0.15em;\n    }\n\n    .sonicglow-detail-panel h3 {\n      font-size: clamp(29px, 8.5cqw, 37px);\n    }\n\n    .sonicglow-detail-panel p {\n      font-size: 14px;\n      line-height: 1.72;\n    }\n\n    .sonicglow-features {\n      gap: 8px;\n\n      margin-top: 23px;\n    }\n\n    .sonicglow-feature {\n      padding:\n        9px\n        12px;\n\n      font-size: 11px;\n    }\n\n    .sonicglow-closing-mark {\n      margin-bottom: 23px;\n    }\n\n    .sonicglow-closing-panel blockquote {\n      font-size: clamp(28px, 8cqw, 36px);\n    }\n\n    .sonicglow-closing-panel p {\n      font-size: 11px;\n      letter-spacing: 0.1em;\n    }\n\n    .sonicglow-glow {\n      filter: blur(10px);\n    }\n  }\n\n  \/*\n    EXTRA-SMALL MOBILE\n  *\/\n\n  @container sonicGlow (max-width: 390px) {\n    .sonicglow-section {\n      padding:\n        48px\n        12px;\n    }\n\n    .sonicglow-hero {\n      padding:\n        38px\n        17px;\n    }\n\n    .sonicglow-eyebrow {\n      font-size: 8px;\n      letter-spacing: 0.09em;\n    }\n\n    .sonicglow-title {\n      font-size: 37px;\n    }\n\n    .sonicglow-intro {\n      font-size: 14px;\n    }\n\n    .sonicglow-statement {\n      font-size: 19px;\n    }\n\n    .sonicglow-card,\n    .sonicglow-detail-panel,\n    .sonicglow-closing-panel {\n      padding:\n        27px\n        19px;\n    }\n\n    .sonicglow-feature {\n      padding:\n        8px\n        10px;\n\n      font-size: 10px;\n    }\n\n    .sonicglow-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    .sonicglow-section {\n      padding:\n        68px\n        18px;\n    }\n\n    .sonicglow-hero {\n      padding:\n        52px\n        30px;\n\n      border-radius: 28px;\n    }\n\n    .sonicglow-modes {\n      grid-template-columns:\n        minmax(0, 1fr);\n    }\n\n    .sonicglow-card {\n      min-height: auto;\n    }\n\n    .sonicglow-details {\n      grid-template-columns:\n        minmax(0, 1fr);\n    }\n  }\n\n  @media screen and (max-width: 560px) {\n    .sonicglow-section {\n      padding:\n        48px\n        14px;\n    }\n\n    .sonicglow-hero {\n      padding:\n        42px\n        20px;\n\n      border-radius: 23px;\n    }\n\n    .sonicglow-title {\n      font-size: clamp(38px, 11vw, 45px);\n    }\n\n    .sonicglow-intro {\n      font-size: 15px;\n      line-height: 1.75;\n    }\n\n    .sonicglow-statement {\n      font-size: 21px;\n      line-height: 1.45;\n    }\n\n    .sonicglow-card,\n    .sonicglow-detail-panel,\n    .sonicglow-closing-panel {\n      padding:\n        30px\n        24px;\n\n      border-radius: 23px;\n    }\n\n    .sonicglow-card h3 {\n      font-size: 24px;\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      .sonicglow-modes {\n        grid-template-columns:\n          minmax(0, 1fr);\n      }\n\n      .sonicglow-card {\n        min-height: auto;\n      }\n\n      .sonicglow-details {\n        grid-template-columns:\n          minmax(0, 1fr);\n      }\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .sonicglow-section *,\n    .sonicglow-section *::before,\n    .sonicglow-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    .sonicglow-hero,\n    .sonicglow-card,\n    .sonicglow-detail-panel,\n    .sonicglow-closing-panel {\n      opacity: 1;\n      transform: none;\n    }\n  }\n\u003c\/style\u003e","brand":"Fearless Grace","offers":[{"title":"Default Title","offer_id":45845645819987,"sku":null,"price":289.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0726\/0982\/4851\/files\/ChatGPTImageJul20_2026at10_58_57AM.png?v=1784567492"},{"product_id":"clearvac-5-head-pore-refining-device","title":"ClearVac – 5-Head Pore Refining Device","description":"\u003c!-- ClearVac 5-Head Pore Refining Device | Shopify Responsive Section --\u003e\n\u003csection class=\"clearvac-premium\"\u003e\n  \u003cdiv class=\"clearvac-glow clearvac-glow-one\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"clearvac-glow clearvac-glow-two\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"clearvac-container\"\u003e\n\n    \u003cdiv class=\"clearvac-intro\"\u003e\n      \u003cdiv class=\"clearvac-eyebrow\"\u003e\n        \u003cspan class=\"clearvac-eyebrow-line\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n\n        \u003cspan\u003eProfessional Pore Care\u003c\/span\u003e\n\n        \u003cspan class=\"clearvac-eyebrow-line\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003ch2\u003e\n        Clear Pores.\n        \u003cspan\u003eCleaner Skin.\u003c\/span\u003e\n        Real Results.\n      \u003c\/h2\u003e\n\n      \u003cp class=\"clearvac-description\"\u003e\n        Say goodbye to blackheads, congestion, and dull skin. The\n        \u003cstrong\u003eClearVac 5-Head Pore Refining Device\u003c\/strong\u003e uses targeted\n        suction to draw out impurities deep within your pores — leaving your\n        skin visibly clearer, smoother, and more refined after every session.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"clearvac-statement\"\u003e\n        \u003cspan\u003eFive interchangeable heads.\u003c\/span\u003e\n        \u003cspan\u003eOne device.\u003c\/span\u003e\n        \u003cstrong\u003eTotal pore control.\u003c\/strong\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"clearvac-benefits\"\u003e\n\n      \u003carticle class=\"clearvac-card\"\u003e\n        \u003cdiv class=\"clearvac-icon\"\u003e01\u003c\/div\u003e\n\n        \u003cdiv class=\"clearvac-card-copy\"\u003e\n          \u003ch3\u003eBlackheads Lifted\u003c\/h3\u003e\n\n          \u003cp\u003e\n            Suction removes buildup without squeezing or scarring.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"clearvac-card\"\u003e\n        \u003cdiv class=\"clearvac-icon\"\u003e02\u003c\/div\u003e\n\n        \u003cdiv class=\"clearvac-card-copy\"\u003e\n          \u003ch3\u003eRefined, Smaller-Looking Pores\u003c\/h3\u003e\n\n          \u003cp\u003e\n            Skin looks smoother, clearer, and more even.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"clearvac-card\"\u003e\n        \u003cdiv class=\"clearvac-icon\"\u003e03\u003c\/div\u003e\n\n        \u003cdiv class=\"clearvac-card-copy\"\u003e\n          \u003ch3\u003eExfoliated \u0026amp; Refreshed\u003c\/h3\u003e\n\n          \u003cp\u003e\n            The microcrystalline head buffs away dead skin for an instant glow.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"clearvac-card\"\u003e\n        \u003cdiv class=\"clearvac-icon\"\u003e04\u003c\/div\u003e\n\n        \u003cdiv class=\"clearvac-card-copy\"\u003e\n          \u003ch3\u003e5 Suction Levels\u003c\/h3\u003e\n\n          \u003cp\u003e\n            Tailored to oily, neutral, or dry skin types.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"clearvac-card\"\u003e\n        \u003cdiv class=\"clearvac-icon\"\u003e05\u003c\/div\u003e\n\n        \u003cdiv class=\"clearvac-card-copy\"\u003e\n          \u003ch3\u003e5 Precision Heads\u003c\/h3\u003e\n\n          \u003cp\u003e\n            Target every zone, from the nose to the chin.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"clearvac-card\"\u003e\n        \u003cdiv class=\"clearvac-icon\"\u003e06\u003c\/div\u003e\n\n        \u003cdiv class=\"clearvac-card-copy\"\u003e\n          \u003ch3\u003eUSB Rechargeable\u003c\/h3\u003e\n\n          \u003cp\u003e\n            Cordless, convenient, and travel-ready.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"clearvac-footer\"\u003e\n      \u003cspan aria-hidden=\"true\"\u003e\u003c\/span\u003e\n\n      \u003cp\u003e\n        Professional pore care. From home. Without compromise.\n      \u003c\/p\u003e\n\n      \u003cspan aria-hidden=\"true\"\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n  .clearvac-premium {\n    --cv-navy: #173e6c;\n    --cv-deep-navy: #0d2948;\n    --cv-champagne: #c9b39d;\n    --cv-ivory: #faf8f5;\n    --cv-white: #ffffff;\n    --cv-text: #253445;\n    --cv-muted: #667484;\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, 120px)\n      clamp(16px, 3vw, 28px);\n\n    background:\n      radial-gradient(\n        circle at top left,\n        rgba(201, 179, 157, 0.24),\n        transparent 34%\n      ),\n      radial-gradient(\n        circle at 90% 85%,\n        rgba(23, 62, 108, 0.08),\n        transparent 32%\n      ),\n      linear-gradient(\n        145deg,\n        #ffffff 0%,\n        #faf8f5 52%,\n        #f2f6fa 100%\n      );\n\n    color: var(--cv-text);\n\n    font-family:\n      \"Helvetica Neue\",\n      Helvetica,\n      Arial,\n      sans-serif;\n\n    container-type: inline-size;\n    container-name: clearVac;\n  }\n\n  .clearvac-premium,\n  .clearvac-premium *,\n  .clearvac-premium *::before,\n  .clearvac-premium *::after {\n    box-sizing: border-box;\n  }\n\n  .clearvac-premium h2,\n  .clearvac-premium h3,\n  .clearvac-premium p {\n    padding: 0;\n  }\n\n  .clearvac-premium h2,\n  .clearvac-premium h3,\n  .clearvac-premium p,\n  .clearvac-premium span,\n  .clearvac-premium div,\n  .clearvac-premium article {\n    min-width: 0;\n    max-width: 100%;\n    word-break: normal;\n    overflow-wrap: break-word;\n  }\n\n  .clearvac-container {\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  .clearvac-glow {\n    position: absolute;\n    z-index: 0;\n\n    border-radius: 50%;\n\n    filter: blur(10px);\n\n    pointer-events: none;\n\n    animation:\n      clearvacFloat 9s ease-in-out infinite;\n  }\n\n  .clearvac-glow-one {\n    top: -120px;\n    right: -100px;\n\n    width: clamp(280px, 34vw, 370px);\n    height: clamp(280px, 34vw, 370px);\n\n    background: rgba(23, 62, 108, 0.09);\n  }\n\n  .clearvac-glow-two {\n    bottom: -170px;\n    left: -100px;\n\n    width: clamp(310px, 38vw, 430px);\n    height: clamp(310px, 38vw, 430px);\n\n    background: rgba(201, 179, 157, 0.18);\n\n    animation-delay: -4s;\n  }\n\n  .clearvac-intro {\n    width: 100%;\n    max-width: 860px;\n    min-width: 0;\n\n    margin:\n      0 auto\n      clamp(46px, 6vw, 76px);\n\n    text-align: center;\n\n    animation:\n      clearvacReveal\n      0.9s\n      cubic-bezier(0.2, 0.8, 0.2, 1)\n      both;\n  }\n\n  .clearvac-eyebrow {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n\n    max-width: 100%;\n\n    margin:\n      0 auto\n      22px;\n\n    color: var(--cv-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  .clearvac-eyebrow \u003e span:nth-child(2) {\n    flex: 0 1 auto;\n  }\n\n  .clearvac-eyebrow-line {\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(--cv-champagne)\n    );\n\n    transform-origin: center;\n\n    animation:\n      clearvacLine 1.2s ease both;\n  }\n\n  .clearvac-eyebrow-line:last-child {\n    background: linear-gradient(\n      90deg,\n      var(--cv-champagne),\n      transparent\n    );\n  }\n\n  .clearvac-intro h2 {\n    width: 100%;\n    max-width: 100%;\n\n    margin: 0;\n\n    color: var(--cv-navy);\n\n    font-family:\n      Georgia,\n      \"Times New Roman\",\n      serif;\n\n    font-size: clamp(42px, 6.5vw, 82px);\n    font-weight: 500;\n    line-height: 0.99;\n    letter-spacing: -0.045em;\n\n    text-wrap: balance;\n  }\n\n  .clearvac-intro h2 span {\n    display: block;\n\n    color: var(--cv-champagne);\n\n    font-style: italic;\n  }\n\n  .clearvac-description {\n    width: 100%;\n    max-width: 760px;\n\n    margin:\n      30px auto 0;\n\n    color: var(--cv-muted);\n\n    font-size: clamp(16px, 1.7vw, 19px);\n    line-height: 1.85;\n\n    text-wrap: pretty;\n  }\n\n  .clearvac-description strong {\n    color: var(--cv-text);\n    font-weight: 600;\n  }\n\n  .clearvac-statement {\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(--cv-text);\n\n    font-size: 14px;\n    line-height: 1.5;\n    letter-spacing: 0.04em;\n  }\n\n  .clearvac-statement span,\n  .clearvac-statement strong {\n    position: relative;\n  }\n\n  .clearvac-statement span:not(:last-of-type)::after {\n    content: \"•\";\n    position: absolute;\n\n    right: -13px;\n\n    color: var(--cv-champagne);\n  }\n\n  .clearvac-statement strong {\n    color: var(--cv-navy);\n  }\n\n  .clearvac-benefits {\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  .clearvac-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: 190px;\n\n    padding: 30px;\n\n    overflow: hidden;\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      box-shadow 0.45s ease,\n      border-color 0.45s ease;\n\n    animation:\n      clearvacCardReveal 0.8s ease both;\n  }\n\n  .clearvac-card:nth-child(1) {\n    animation-delay: 0.08s;\n  }\n\n  .clearvac-card:nth-child(2) {\n    animation-delay: 0.16s;\n  }\n\n  .clearvac-card:nth-child(3) {\n    animation-delay: 0.24s;\n  }\n\n  .clearvac-card:nth-child(4) {\n    animation-delay: 0.32s;\n  }\n\n  .clearvac-card:nth-child(5) {\n    animation-delay: 0.4s;\n  }\n\n  .clearvac-card:nth-child(6) {\n    animation-delay: 0.48s;\n  }\n\n  .clearvac-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.15),\n      transparent 52%\n    );\n\n    transition:\n      opacity 0.45s ease;\n\n    pointer-events: none;\n  }\n\n  .clearvac-card::after {\n    content: \"\";\n    position: absolute;\n\n    top: -120%;\n    left: -70%;\n\n    width: 50%;\n    height: 320%;\n\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(255, 255, 255, 0.68),\n      transparent\n    );\n\n    transform: rotate(20deg);\n\n    transition:\n      left 0.85s ease;\n\n    pointer-events: none;\n  }\n\n  .clearvac-icon {\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.65);\n    border-radius: 50%;\n\n    background: rgba(250, 248, 245, 0.86);\n\n    color: var(--cv-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  .clearvac-card-copy {\n    position: relative;\n    z-index: 2;\n\n    flex: 1 1 auto;\n\n    min-width: 0;\n  }\n\n  .clearvac-card h3 {\n    margin:\n      3px\n      0\n      10px;\n\n    color: var(--cv-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.25;\n\n    text-wrap: balance;\n  }\n\n  .clearvac-card p {\n    margin: 0;\n\n    color: var(--cv-muted);\n\n    font-size: 14px;\n    line-height: 1.75;\n\n    text-wrap: pretty;\n  }\n\n  .clearvac-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, 72px);\n\n    animation:\n      clearvacReveal 1s 0.55s ease both;\n  }\n\n  .clearvac-footer span {\n    width: 100%;\n    height: 1px;\n\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(201, 179, 157, 0.8)\n    );\n  }\n\n  .clearvac-footer span:last-child {\n    background: linear-gradient(\n      90deg,\n      rgba(201, 179, 157, 0.8),\n      transparent\n    );\n  }\n\n  .clearvac-footer p {\n    max-width: 100%;\n\n    margin: 0;\n\n    color: var(--cv-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    .clearvac-card:hover {\n      transform: translateY(-8px);\n\n      border-color: rgba(201, 179, 157, 0.55);\n\n      box-shadow:\n        0 28px 80px rgba(31, 55, 80, 0.13);\n    }\n\n    .clearvac-card:hover::before {\n      opacity: 1;\n    }\n\n    .clearvac-card:hover::after {\n      left: 135%;\n    }\n\n    .clearvac-card:hover .clearvac-icon {\n      transform:\n        rotate(-8deg)\n        scale(1.06);\n\n      background: var(--cv-navy);\n      color: var(--cv-white);\n    }\n  }\n\n  @keyframes clearvacReveal {\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 clearvacCardReveal {\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 clearvacFloat {\n    0%,\n    100% {\n      transform:\n        translate3d(0, 0, 0)\n        scale(1);\n    }\n\n    50% {\n      transform:\n        translate3d(0, -28px, 0)\n        scale(1.05);\n    }\n  }\n\n  @keyframes clearvacLine {\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 clearVac (min-width: 1001px) {\n    .clearvac-benefits {\n      grid-template-columns:\n        repeat(3, minmax(0, 1fr));\n    }\n\n    .clearvac-card {\n      min-height: 190px;\n    }\n  }\n\n  \/*\n    MEDIUM DESKTOP OR NARROW SHOPIFY SECTION\n  *\/\n\n  @container clearVac (min-width: 701px) and (max-width: 1000px) {\n    .clearvac-premium {\n      padding:\n        76px\n        22px;\n    }\n\n    .clearvac-intro {\n      max-width: 760px;\n    }\n\n    .clearvac-intro h2 {\n      font-size: clamp(48px, 7cqw, 68px);\n    }\n\n    .clearvac-benefits {\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    .clearvac-card {\n      min-height: 185px;\n    }\n\n    .clearvac-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 clearVac (min-width: 561px) and (max-width: 700px) {\n    .clearvac-premium {\n      padding:\n        68px\n        20px;\n    }\n\n    .clearvac-intro {\n      max-width: 620px;\n\n      margin-bottom: 44px;\n    }\n\n    .clearvac-intro h2 {\n      font-size: clamp(44px, 8cqw, 58px);\n      line-height: 1.02;\n    }\n\n    .clearvac-description {\n      font-size: 16px;\n    }\n\n    .clearvac-benefits {\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    .clearvac-card {\n      min-height: auto;\n    }\n\n    .clearvac-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 clearVac (max-width: 560px) {\n    .clearvac-premium {\n      padding:\n        56px\n        15px;\n    }\n\n    .clearvac-intro {\n      margin-bottom: 38px;\n    }\n\n    .clearvac-eyebrow {\n      gap: 7px;\n\n      margin-bottom: 18px;\n\n      font-size: 9px;\n      letter-spacing: 0.13em;\n    }\n\n    .clearvac-eyebrow-line {\n      width: 18px;\n    }\n\n    .clearvac-intro h2 {\n      font-size: clamp(37px, 10.5cqw, 47px);\n      line-height: 1.04;\n      letter-spacing: -0.035em;\n    }\n\n    .clearvac-description {\n      margin-top: 24px;\n\n      font-size: 15px;\n      line-height: 1.72;\n    }\n\n    .clearvac-statement {\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    .clearvac-statement span::after {\n      display: none;\n    }\n\n    .clearvac-benefits {\n      grid-template-columns:\n        minmax(0, 1fr);\n\n      gap: 14px;\n    }\n\n    .clearvac-card {\n      gap: 15px;\n\n      min-height: auto;\n\n      padding:\n        24px\n        21px;\n\n      border-radius: 20px;\n    }\n\n    .clearvac-icon {\n      width: 44px;\n      height: 44px;\n      flex-basis: 44px;\n\n      font-size: 12px;\n    }\n\n    .clearvac-card h3 {\n      font-size: 21px;\n    }\n\n    .clearvac-card p {\n      font-size: 14px;\n      line-height: 1.68;\n    }\n\n    .clearvac-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    .clearvac-footer p {\n      font-size: clamp(16px, 5cqw, 20px);\n      line-height: 1.35;\n    }\n\n    .clearvac-glow {\n      filter: blur(8px);\n    }\n  }\n\n  \/*\n    EXTRA-SMALL MOBILE\n  *\/\n\n  @container clearVac (max-width: 390px) {\n    .clearvac-premium {\n      padding:\n        50px\n        12px;\n    }\n\n    .clearvac-eyebrow {\n      letter-spacing: 0.09em;\n    }\n\n    .clearvac-eyebrow-line {\n      width: 12px;\n    }\n\n    .clearvac-intro h2 {\n      font-size: 35px;\n    }\n\n    .clearvac-description {\n      font-size: 14px;\n    }\n\n    .clearvac-card {\n      padding:\n        22px\n        18px;\n    }\n\n    .clearvac-icon {\n      width: 42px;\n      height: 42px;\n      flex-basis: 42px;\n    }\n\n    .clearvac-card h3 {\n      font-size: 20px;\n    }\n\n    .clearvac-card p {\n      font-size: 13px;\n    }\n\n    .clearvac-footer {\n      grid-template-columns:\n        20px\n        minmax(0, 1fr)\n        20px;\n    }\n\n    .clearvac-footer p {\n      font-size: 16px;\n    }\n  }\n\n  \/*\n    STANDARD VIEWPORT FALLBACKS\n  *\/\n\n  @media screen and (max-width: 1000px) {\n    .clearvac-benefits {\n      grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n    }\n  }\n\n  @media screen and (max-width: 749px) {\n    .clearvac-premium {\n      padding:\n        66px\n        18px;\n    }\n\n    .clearvac-benefits {\n      grid-template-columns:\n        minmax(0, 1fr);\n    }\n\n    .clearvac-card {\n      min-height: auto;\n    }\n  }\n\n  @media screen and (max-width: 480px) {\n    .clearvac-premium {\n      padding:\n        54px\n        14px;\n    }\n\n    .clearvac-intro h2 {\n      font-size: clamp(36px, 10.5vw, 44px);\n      line-height: 1.04;\n    }\n\n    .clearvac-statement {\n      flex-direction: column;\n      align-items: center;\n    }\n\n    .clearvac-statement span::after {\n      display: none;\n    }\n\n    .clearvac-card {\n      padding:\n        24px\n        20px;\n\n      border-radius: 20px;\n    }\n\n    .clearvac-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      .clearvac-benefits {\n        grid-template-columns:\n          repeat(2, minmax(0, 1fr));\n      }\n    }\n\n    @media screen and (max-width: 700px) {\n      .clearvac-benefits {\n        grid-template-columns:\n          minmax(0, 1fr);\n      }\n\n      .clearvac-card {\n        min-height: auto;\n      }\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .clearvac-premium *,\n    .clearvac-premium *::before,\n    .clearvac-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    .clearvac-intro,\n    .clearvac-card,\n    .clearvac-footer {\n      opacity: 1;\n      transform: none;\n    }\n  }\n\u003c\/style\u003e","brand":"Fearless Grace","offers":[{"title":"Default Title","offer_id":45848935596115,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0726\/0982\/4851\/files\/ChatGPTImageJul21_2026at07_28_34PM.png?v=1784656460"},{"product_id":"obsidianrose-facial-roller-gua-sha-luxury-set","title":"ObsidianRose – Facial Roller \u0026 Gua Sha Luxury Set","description":"\u003cstyle\u003e\n  .fg-obsidianrose {\n    --fg-black: #0b0b0d;\n    --fg-charcoal: #151519;\n    --fg-soft-black: #1d1d22;\n    --fg-rose-gold: #d8a89b;\n    --fg-champagne: #e6c8aa;\n    --fg-ivory: #faf7f2;\n    --fg-muted: #c9c4c1;\n    --fg-border: rgba(230, 200, 170, 0.18);\n\n    position: relative;\n    max-width: 1000px;\n    margin: 40px auto;\n    overflow: hidden;\n    color: var(--fg-ivory);\n    background:\n      radial-gradient(circle at 15% 10%, rgba(216, 168, 155, 0.14), transparent 32%),\n      radial-gradient(circle at 90% 85%, rgba(230, 200, 170, 0.1), transparent 30%),\n      linear-gradient(145deg, var(--fg-black), var(--fg-charcoal));\n    border: 1px solid var(--fg-border);\n    border-radius: 30px;\n    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.38);\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Arial, sans-serif;\n    isolation: isolate;\n  }\n\n  .fg-obsidianrose,\n  .fg-obsidianrose * {\n    box-sizing: border-box;\n  }\n\n  .fg-obsidianrose::before,\n  .fg-obsidianrose::after {\n    content: \"\";\n    position: absolute;\n    z-index: -1;\n    border-radius: 50%;\n    filter: blur(12px);\n    pointer-events: none;\n  }\n\n  .fg-obsidianrose::before {\n    width: 320px;\n    height: 320px;\n    top: -180px;\n    right: -100px;\n    background: rgba(216, 168, 155, 0.13);\n    animation: fgRoseGlow 7s ease-in-out infinite alternate;\n  }\n\n  .fg-obsidianrose::after {\n    width: 260px;\n    height: 260px;\n    bottom: -150px;\n    left: -90px;\n    background: rgba(230, 200, 170, 0.08);\n    animation: fgRoseGlow 9s ease-in-out infinite alternate-reverse;\n  }\n\n  .fg-obsidianrose__hero {\n    position: relative;\n    padding: 78px 50px 58px;\n    text-align: center;\n  }\n\n  .fg-obsidianrose__eyebrow {\n    margin: 0 0 18px;\n    color: var(--fg-champagne);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    animation: fgFadeUp 0.8s ease both;\n  }\n\n  .fg-obsidianrose__title {\n    max-width: 760px;\n    margin: 0 auto;\n    color: var(--fg-ivory);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(38px, 6vw, 68px);\n    font-weight: 500;\n    line-height: 1.05;\n    letter-spacing: -1.8px;\n    animation: fgFadeUp 0.9s 0.08s ease both;\n  }\n\n  .fg-obsidianrose__title span {\n    display: block;\n    background: linear-gradient(90deg, var(--fg-champagne), var(--fg-rose-gold));\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n  }\n\n  .fg-obsidianrose__intro {\n    max-width: 790px;\n    margin: 30px auto 0;\n    color: var(--fg-muted);\n    font-size: 17px;\n    line-height: 1.85;\n    animation: fgFadeUp 1s 0.16s ease both;\n  }\n\n  .fg-obsidianrose__line {\n    width: 110px;\n    height: 1px;\n    margin: 36px auto 0;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      var(--fg-champagne),\n      transparent\n    );\n    animation: fgLineReveal 1.1s 0.25s ease both;\n  }\n\n  .fg-obsidianrose__statement {\n    padding: 0 35px 55px;\n    text-align: center;\n    color: var(--fg-rose-gold);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(25px, 4vw, 38px);\n    font-style: italic;\n    letter-spacing: 0.3px;\n    animation: fgFadeUp 1s 0.3s ease both;\n  }\n\n  .fg-obsidianrose__features {\n    padding: 10px 38px 58px;\n  }\n\n  .fg-obsidianrose__grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 18px;\n  }\n\n  .fg-obsidianrose__card {\n    position: relative;\n    overflow: hidden;\n    padding: 28px;\n    background: linear-gradient(\n      145deg,\n      rgba(255, 255, 255, 0.055),\n      rgba(255, 255, 255, 0.018)\n    );\n    border: 1px solid rgba(255, 255, 255, 0.075);\n    border-radius: 22px;\n    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);\n    transition:\n      transform 0.45s ease,\n      border-color 0.45s ease,\n      box-shadow 0.45s ease;\n    animation: fgFadeUp 0.8s ease both;\n  }\n\n  .fg-obsidianrose__card:nth-child(2) {\n    animation-delay: 0.08s;\n  }\n\n  .fg-obsidianrose__card:nth-child(3) {\n    animation-delay: 0.16s;\n  }\n\n  .fg-obsidianrose__card:nth-child(4) {\n    animation-delay: 0.24s;\n  }\n\n  .fg-obsidianrose__card:nth-child(5) {\n    animation-delay: 0.32s;\n  }\n\n  .fg-obsidianrose__card:nth-child(6) {\n    animation-delay: 0.4s;\n  }\n\n  .fg-obsidianrose__card:nth-child(7) {\n    animation-delay: 0.48s;\n  }\n\n  .fg-obsidianrose__card::before {\n    content: \"\";\n    position: absolute;\n    width: 130px;\n    height: 130px;\n    top: -90px;\n    right: -70px;\n    border-radius: 50%;\n    background: rgba(216, 168, 155, 0.11);\n    transition: transform 0.5s ease;\n  }\n\n  .fg-obsidianrose__card:hover {\n    transform: translateY(-7px);\n    border-color: rgba(230, 200, 170, 0.32);\n    box-shadow: 0 20px 35px rgba(0, 0, 0, 0.22);\n  }\n\n  .fg-obsidianrose__card:hover::before {\n    transform: scale(1.6);\n  }\n\n  .fg-obsidianrose__number {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 42px;\n    height: 42px;\n    margin-bottom: 18px;\n    color: var(--fg-black);\n    background: linear-gradient(135deg, var(--fg-champagne), var(--fg-rose-gold));\n    border-radius: 50%;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 15px;\n    font-weight: 700;\n    box-shadow: 0 8px 20px rgba(216, 168, 155, 0.2);\n  }\n\n  .fg-obsidianrose__card h3 {\n    position: relative;\n    margin: 0 0 10px;\n    color: var(--fg-ivory);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 21px;\n    font-weight: 500;\n    line-height: 1.3;\n  }\n\n  .fg-obsidianrose__card p {\n    position: relative;\n    margin: 0;\n    color: var(--fg-muted);\n    font-size: 15px;\n    line-height: 1.7;\n  }\n\n  .fg-obsidianrose__card--wide {\n    grid-column: 1 \/ -1;\n    text-align: center;\n  }\n\n  .fg-obsidianrose__card--wide .fg-obsidianrose__number {\n    margin-right: auto;\n    margin-left: auto;\n  }\n\n  .fg-obsidianrose__footer {\n    position: relative;\n    padding: 48px 30px 55px;\n    text-align: center;\n    border-top: 1px solid rgba(255, 255, 255, 0.07);\n    background: linear-gradient(\n      180deg,\n      rgba(255, 255, 255, 0.018),\n      rgba(255, 255, 255, 0.035)\n    );\n  }\n\n  .fg-obsidianrose__footer p {\n    margin: 0;\n    background: linear-gradient(90deg, var(--fg-champagne), var(--fg-rose-gold));\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(30px, 5vw, 48px);\n    font-weight: 500;\n    letter-spacing: 1px;\n    animation: fgSoftPulse 4s ease-in-out infinite;\n  }\n\n  @keyframes fgFadeUp {\n    from {\n      opacity: 0;\n      transform: translateY(24px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @keyframes fgLineReveal {\n    from {\n      opacity: 0;\n      transform: scaleX(0);\n    }\n    to {\n      opacity: 1;\n      transform: scaleX(1);\n    }\n  }\n\n  @keyframes fgRoseGlow {\n    from {\n      transform: translate3d(0, 0, 0) scale(0.9);\n      opacity: 0.65;\n    }\n    to {\n      transform: translate3d(-18px, 15px, 0) scale(1.18);\n      opacity: 1;\n    }\n  }\n\n  @keyframes fgSoftPulse {\n    0%,\n    100% {\n      opacity: 0.78;\n      transform: scale(1);\n    }\n    50% {\n      opacity: 1;\n      transform: scale(1.02);\n    }\n  }\n\n  @media (max-width: 749px) {\n    .fg-obsidianrose {\n      margin: 24px 12px;\n      border-radius: 22px;\n    }\n\n    .fg-obsidianrose__hero {\n      padding: 58px 24px 42px;\n    }\n\n    .fg-obsidianrose__intro {\n      font-size: 15px;\n      line-height: 1.75;\n    }\n\n    .fg-obsidianrose__statement {\n      padding: 0 22px 42px;\n    }\n\n    .fg-obsidianrose__features {\n      padding: 5px 16px 38px;\n    }\n\n    .fg-obsidianrose__grid {\n      grid-template-columns: 1fr;\n      gap: 14px;\n    }\n\n    .fg-obsidianrose__card,\n    .fg-obsidianrose__card--wide {\n      grid-column: auto;\n      padding: 23px;\n      text-align: left;\n    }\n\n    .fg-obsidianrose__card--wide .fg-obsidianrose__number {\n      margin-left: 0;\n    }\n\n    .fg-obsidianrose__footer {\n      padding: 38px 20px 44px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .fg-obsidianrose *,\n    .fg-obsidianrose::before,\n    .fg-obsidianrose::after {\n      animation: none !important;\n      transition: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"fg-obsidianrose\"\u003e\n  \u003cdiv class=\"fg-obsidianrose__hero\"\u003e\n    \u003cp class=\"fg-obsidianrose__eyebrow\"\u003eObsidianRose Luxury Set\u003c\/p\u003e\n\n    \u003ch2 class=\"fg-obsidianrose__title\"\u003e\n      Your Skin's Daily Ritual.\n      \u003cspan\u003eElevated.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp class=\"fg-obsidianrose__intro\"\u003e\n      The ObsidianRose Facial Roller \u0026amp; Gua Sha Luxury Set brings the art of\n      facial massage home in the most beautiful way. The dual-ended obsidian\n      roller glides effortlessly to boost circulation and reduce puffiness,\n      while the heart-shaped gua sha stone sculpts and defines your facial\n      contours with every stroke. Fill the silicone ice mould, freeze it, and\n      use it to instantly de-puff, tighten pores, and calm inflammation — a\n      complete facial ritual in three tools.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"fg-obsidianrose__line\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"fg-obsidianrose__statement\"\u003e\n    Sculpted. Lifted. Luminous. Every morning.\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"fg-obsidianrose__features\"\u003e\n    \u003cdiv class=\"fg-obsidianrose__grid\"\u003e\n      \u003carticle class=\"fg-obsidianrose__card\"\u003e\n        \u003cspan class=\"fg-obsidianrose__number\"\u003e01\u003c\/span\u003e\n        \u003ch3\u003eVisibly Sculpted Contours\u003c\/h3\u003e\n        \u003cp\u003e\n          Gua sha stone defines cheekbones, jawline, and neck.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"fg-obsidianrose__card\"\u003e\n        \u003cspan class=\"fg-obsidianrose__number\"\u003e02\u003c\/span\u003e\n        \u003ch3\u003eDe-Puffed, Glowing Skin\u003c\/h3\u003e\n        \u003cp\u003e\n          Obsidian roller boosts circulation and reduces morning puffiness.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"fg-obsidianrose__card\"\u003e\n        \u003cspan class=\"fg-obsidianrose__number\"\u003e03\u003c\/span\u003e\n        \u003ch3\u003eInstant Skin Tightening\u003c\/h3\u003e\n        \u003cp\u003e\n          Silicone ice mould cools and tightens pores on contact.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"fg-obsidianrose__card\"\u003e\n        \u003cspan class=\"fg-obsidianrose__number\"\u003e04\u003c\/span\u003e\n        \u003ch3\u003eComplete 3-Piece Set\u003c\/h3\u003e\n        \u003cp\u003e\n          Roller, gua sha board, and silicone ice grid — everything you need.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"fg-obsidianrose__card\"\u003e\n        \u003cspan class=\"fg-obsidianrose__number\"\u003e05\u003c\/span\u003e\n        \u003ch3\u003eRose-Embossed Matte Black Case\u003c\/h3\u003e\n        \u003cp\u003e\n          Stores all three tools beautifully on your vanity.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"fg-obsidianrose__card\"\u003e\n        \u003cspan class=\"fg-obsidianrose__number\"\u003e06\u003c\/span\u003e\n        \u003ch3\u003eRose Gold Hardware\u003c\/h3\u003e\n        \u003cp\u003e\n          Luxurious finish that looks as good as it performs.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"fg-obsidianrose__card fg-obsidianrose__card--wide\"\u003e\n        \u003cspan class=\"fg-obsidianrose__number\"\u003e07\u003c\/span\u003e\n        \u003ch3\u003ePerfect for Gifting\u003c\/h3\u003e\n        \u003cp\u003e\n          Arrives ready to impress.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"fg-obsidianrose__footer\"\u003e\n    \u003cp\u003eRitual. Radiance. Rose.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Fearless Grace","offers":[{"title":"Default Title","offer_id":45860957716563,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0726\/0982\/4851\/files\/ChatGPT_Image_Jul_24_2026_at_10_15_44_AM.png?v=1784881109"},{"product_id":"glowshield-7-color-led-facial-light-therapy-mask","title":"GlowShield – 7-Color LED Facial Light Therapy Mask","description":"\u003c!-- GlowShield LED Facial Light Therapy Mask | Shopify Responsive Section --\u003e\n\u003csection class=\"fg-glowshield\"\u003e\n  \u003cdiv class=\"fg-glowshield__orb fg-glowshield__orb--one\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"fg-glowshield__orb fg-glowshield__orb--two\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"fg-glowshield__orb fg-glowshield__orb--three\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"fg-glowshield__container\"\u003e\n\n    \u003cheader class=\"fg-glowshield__header\"\u003e\n      \u003cspan class=\"fg-glowshield__label\"\u003e\n        GlowShield LED Facial Light Therapy Mask\n      \u003c\/span\u003e\n\n      \u003ch2 class=\"fg-glowshield__title\"\u003e\n        Your Skin. Transformed.\n        \u003cspan\u003eIn 20 Minutes a Day.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp class=\"fg-glowshield__description\"\u003e\n        The GlowShield LED Facial Light Therapy Mask delivers professional-grade\n        light therapy from the comfort of your home. Seven targeted LED\n        wavelengths work beneath the surface to reduce acne, fade pigmentation,\n        boost collagen, and reveal visibly clearer, firmer, more radiant skin —\n        all in just 20 minutes a day. One button. Seven treatments. Endless\n        results.\n      \u003c\/p\u003e\n\n      \u003cp class=\"fg-glowshield__promise\"\u003e\n        Because glowing skin shouldn’t require a salon appointment.\n      \u003c\/p\u003e\n    \u003c\/header\u003e\n\n    \u003cdiv class=\"fg-glowshield__feature-grid\"\u003e\n\n      \u003carticle class=\"fg-glowshield__feature-card\"\u003e\n        \u003cspan class=\"fg-glowshield__feature-number\"\u003e01\u003c\/span\u003e\n\n        \u003cdiv class=\"fg-glowshield__feature-copy\"\u003e\n          \u003ch3\u003eVisibly Clearer, Brighter Skin\u003c\/h3\u003e\n\n          \u003cp\u003e\n            Seven LED colours target acne, pigmentation, fine lines, and\n            dullness.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"fg-glowshield__feature-card\"\u003e\n        \u003cspan class=\"fg-glowshield__feature-number\"\u003e02\u003c\/span\u003e\n\n        \u003cdiv class=\"fg-glowshield__feature-copy\"\u003e\n          \u003ch3\u003eOne-Button Touchscreen\u003c\/h3\u003e\n\n          \u003cp\u003e\n            Simple, intuitive, and effortless to use.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"fg-glowshield__feature-card\"\u003e\n        \u003cspan class=\"fg-glowshield__feature-number\"\u003e03\u003c\/span\u003e\n\n        \u003cdiv class=\"fg-glowshield__feature-copy\"\u003e\n          \u003ch3\u003eUSB Rechargeable\u003c\/h3\u003e\n\n          \u003cp\u003e\n            Cordless freedom, anywhere you use it.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"fg-glowshield__feature-card\"\u003e\n        \u003cspan class=\"fg-glowshield__feature-number\"\u003e04\u003c\/span\u003e\n\n        \u003cdiv class=\"fg-glowshield__feature-copy\"\u003e\n          \u003ch3\u003eFull-Face Coverage\u003c\/h3\u003e\n\n          \u003cp\u003e\n            Treats your entire face in one session.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"fg-glowshield__feature-card\"\u003e\n        \u003cspan class=\"fg-glowshield__feature-number\"\u003e05\u003c\/span\u003e\n\n        \u003cdiv class=\"fg-glowshield__feature-copy\"\u003e\n          \u003ch3\u003e20 Minutes a Day\u003c\/h3\u003e\n\n          \u003cp\u003e\n            Fits seamlessly into any skincare routine.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"fg-glowshield__feature-card\"\u003e\n        \u003cspan class=\"fg-glowshield__feature-number\"\u003e06\u003c\/span\u003e\n\n        \u003cdiv class=\"fg-glowshield__feature-copy\"\u003e\n          \u003ch3\u003eBeautifully Packaged\u003c\/h3\u003e\n\n          \u003cp\u003e\n            The perfect gift for any skincare lover.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fg-glowshield__therapy\"\u003e\n\n      \u003cdiv class=\"fg-glowshield__therapy-heading\"\u003e\n        \u003cspan\u003eTargeted Light Therapy\u003c\/span\u003e\n\n        \u003ch3\u003eOne mask. Multiple skin goals.\u003c\/h3\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fg-glowshield__light-grid\"\u003e\n\n        \u003carticle class=\"fg-glowshield__light fg-glowshield__light--red\"\u003e\n          \u003cspan class=\"fg-glowshield__light-dot\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n\n          \u003cdiv class=\"fg-glowshield__light-copy\"\u003e\n            \u003cspan class=\"fg-glowshield__light-name\"\u003e\n              Red Light\n            \u003c\/span\u003e\n\n            \u003cp\u003e\n              Boosts collagen and reduces fine lines.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"fg-glowshield__light fg-glowshield__light--blue\"\u003e\n          \u003cspan class=\"fg-glowshield__light-dot\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n\n          \u003cdiv class=\"fg-glowshield__light-copy\"\u003e\n            \u003cspan class=\"fg-glowshield__light-name\"\u003e\n              Blue Light\n            \u003c\/span\u003e\n\n            \u003cp\u003e\n              Kills acne-causing bacteria for clearer skin.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"fg-glowshield__light fg-glowshield__light--green\"\u003e\n          \u003cspan class=\"fg-glowshield__light-dot\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n\n          \u003cdiv class=\"fg-glowshield__light-copy\"\u003e\n            \u003cspan class=\"fg-glowshield__light-name\"\u003e\n              Green Light\n            \u003c\/span\u003e\n\n            \u003cp\u003e\n              Fades dark spots and evens skin tone.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cfooter class=\"fg-glowshield__footer\"\u003e\n      \u003cspan\u003eSeven lights.\u003c\/span\u003e\n      \u003cspan\u003eOne mask.\u003c\/span\u003e\n      \u003cstrong\u003eSkin that glows.\u003c\/strong\u003e\n    \u003c\/footer\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n  .fg-glowshield {\n    --gs-navy: #173e6c;\n    --gs-deep-navy: #0d2949;\n    --gs-champagne: #c9b39d;\n    --gs-ivory: #faf8f5;\n    --gs-white: #ffffff;\n    --gs-blush: #d8aeb8;\n    --gs-soft-blush: #f2dfe4;\n    --gs-pale-blush: #fbf3f5;\n    --gs-text: #35495e;\n    --gs-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(72px, 9vw, 130px)\n      clamp(16px, 3vw, 28px);\n\n    background:\n      radial-gradient(\n        circle at 8% 8%,\n        rgba(216, 174, 184, 0.28),\n        transparent 31%\n      ),\n      radial-gradient(\n        circle at 92% 92%,\n        rgba(201, 179, 157, 0.23),\n        transparent 33%\n      ),\n      linear-gradient(\n        145deg,\n        var(--gs-ivory) 0%,\n        var(--gs-white) 50%,\n        var(--gs-pale-blush) 100%\n      );\n\n    color: var(--gs-text);\n\n    font-family:\n      Arial,\n      Helvetica,\n      sans-serif;\n\n    container-type: inline-size;\n    container-name: glowShield;\n  }\n\n  .fg-glowshield,\n  .fg-glowshield *,\n  .fg-glowshield *::before,\n  .fg-glowshield *::after {\n    box-sizing: border-box;\n  }\n\n  .fg-glowshield h2,\n  .fg-glowshield h3,\n  .fg-glowshield p {\n    padding: 0;\n  }\n\n  .fg-glowshield h2,\n  .fg-glowshield h3,\n  .fg-glowshield p,\n  .fg-glowshield span,\n  .fg-glowshield strong,\n  .fg-glowshield div,\n  .fg-glowshield article,\n  .fg-glowshield header,\n  .fg-glowshield footer {\n    min-width: 0;\n    max-width: 100%;\n    word-break: normal;\n    overflow-wrap: break-word;\n  }\n\n  .fg-glowshield__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-glowshield__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      fgGlowShieldFloat 10s ease-in-out infinite;\n  }\n\n  .fg-glowshield__orb--one {\n    top: -220px;\n    right: -120px;\n\n    width: clamp(280px, 36vw, 390px);\n    height: clamp(280px, 36vw, 390px);\n\n    background: rgba(216, 174, 184, 0.42);\n  }\n\n  .fg-glowshield__orb--two {\n    bottom: -250px;\n    left: -150px;\n\n    width: clamp(300px, 38vw, 410px);\n    height: clamp(300px, 38vw, 410px);\n\n    background: rgba(23, 62, 108, 0.11);\n\n    animation-delay: -5s;\n  }\n\n  .fg-glowshield__orb--three {\n    top: 43%;\n    right: 8%;\n\n    width: clamp(120px, 18vw, 180px);\n    height: clamp(120px, 18vw, 180px);\n\n    background: rgba(201, 179, 157, 0.14);\n\n    animation-delay: -2.5s;\n  }\n\n  .fg-glowshield__header {\n    width: 100%;\n    max-width: 900px;\n    min-width: 0;\n\n    margin:\n      0 auto\n      clamp(44px, 6vw, 58px);\n\n    text-align: center;\n\n    animation:\n      fgGlowShieldReveal 0.9s ease both;\n  }\n\n  .fg-glowshield__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.78);\n\n    color: var(--gs-navy);\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      fgGlowShieldLabelGlow 4s ease-in-out infinite;\n  }\n\n  .fg-glowshield__title {\n    width: 100%;\n    max-width: 100%;\n\n    margin: 0;\n\n    color: var(--gs-deep-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: 400;\n    line-height: 1;\n    letter-spacing: -0.045em;\n\n    text-wrap: balance;\n  }\n\n  .fg-glowshield__title span {\n    display: block;\n\n    margin-top: 7px;\n\n    color: var(--gs-blush);\n\n    font-style: italic;\n    font-weight: 400;\n  }\n\n  .fg-glowshield__description {\n    width: 100%;\n    max-width: 850px;\n\n    margin:\n      30px\n      auto\n      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-glowshield__promise {\n    position: relative;\n\n    display: inline-block;\n\n    max-width: 100%;\n\n    margin:\n      28px\n      auto\n      0;\n\n    padding-bottom: 10px;\n\n    color: var(--gs-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-glowshield__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(--gs-champagne),\n      transparent\n    );\n\n    animation:\n      fgGlowShieldLine 3s ease-in-out infinite;\n  }\n\n  .fg-glowshield__feature-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-glowshield__feature-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      fgGlowShieldReveal 0.8s ease both;\n  }\n\n  .fg-glowshield__feature-card:nth-child(1) {\n    animation-delay: 0.1s;\n  }\n\n  .fg-glowshield__feature-card:nth-child(2) {\n    animation-delay: 0.2s;\n  }\n\n  .fg-glowshield__feature-card:nth-child(3) {\n    animation-delay: 0.3s;\n  }\n\n  .fg-glowshield__feature-card:nth-child(4) {\n    animation-delay: 0.4s;\n  }\n\n  .fg-glowshield__feature-card:nth-child(5) {\n    animation-delay: 0.5s;\n  }\n\n  .fg-glowshield__feature-card:nth-child(6) {\n    animation-delay: 0.6s;\n  }\n\n  .fg-glowshield__feature-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.78),\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-glowshield__feature-card::after {\n    content: \"\";\n    position: absolute;\n\n    right: -32px;\n    bottom: -32px;\n\n    width: 105px;\n    height: 105px;\n\n    border-radius: 50%;\n\n    background: rgba(216, 174, 184, 0.1);\n\n    transition:\n      transform 0.4s ease;\n\n    pointer-events: none;\n  }\n\n  .fg-glowshield__feature-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(--gs-soft-blush),\n      var(--gs-white)\n    );\n\n    color: var(--gs-navy);\n\n    box-shadow:\n      inset 0 0 0 1px rgba(216, 174, 184, 0.36);\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-glowshield__feature-copy {\n    position: relative;\n    z-index: 1;\n\n    flex: 1 1 auto;\n\n    min-width: 0;\n  }\n\n  .fg-glowshield__feature-card h3 {\n    margin:\n      4px\n      0\n      10px;\n\n    color: var(--gs-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-glowshield__feature-card p {\n    margin: 0;\n\n    color: var(--gs-muted);\n\n    font-size: 15px;\n    line-height: 1.7;\n\n    text-wrap: pretty;\n  }\n\n  .fg-glowshield__therapy {\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n\n    margin-top: 22px;\n\n    padding:\n      clamp(28px, 5vw, 48px);\n\n    border: 1px solid rgba(201, 179, 157, 0.3);\n    border-radius: 28px;\n\n    background: rgba(255, 253, 251, 0.8);\n\n    box-shadow:\n      0 22px 58px rgba(23, 62, 108, 0.07);\n\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n\n    animation:\n      fgGlowShieldReveal 0.9s 0.7s ease both;\n  }\n\n  .fg-glowshield__therapy-heading {\n    width: 100%;\n    max-width: 100%;\n\n    margin-bottom: 28px;\n\n    text-align: center;\n  }\n\n  .fg-glowshield__therapy-heading \u003e span {\n    display: block;\n\n    margin-bottom: 8px;\n\n    color: var(--gs-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-glowshield__therapy-heading h3 {\n    margin: 0;\n\n    color: var(--gs-deep-navy);\n\n    font-family:\n      Georgia,\n      \"Times New Roman\",\n      serif;\n\n    font-size: clamp(28px, 4vw, 42px);\n    font-weight: 400;\n    line-height: 1.18;\n\n    text-wrap: balance;\n  }\n\n  .fg-glowshield__light-grid {\n    display: grid;\n    grid-template-columns:\n      repeat(3, minmax(0, 1fr));\n\n    gap: 14px;\n\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .fg-glowshield__light {\n    position: relative;\n\n    display: flex;\n    align-items: flex-start;\n    gap: 14px;\n\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    min-height: 140px;\n\n    padding: 22px;\n\n    overflow: hidden;\n\n    border: 1px solid rgba(23, 62, 108, 0.08);\n    border-radius: 20px;\n\n    background: rgba(255, 255, 255, 0.84);\n\n    transition:\n      transform 0.35s ease,\n      box-shadow 0.35s ease;\n  }\n\n  .fg-glowshield__light::after {\n    content: \"\";\n    position: absolute;\n\n    right: -45px;\n    bottom: -45px;\n\n    width: 105px;\n    height: 105px;\n\n    border-radius: 50%;\n\n    opacity: 0.12;\n\n    transition:\n      transform 0.4s ease;\n\n    pointer-events: none;\n  }\n\n  .fg-glowshield__light--red::after {\n    background: #d94f5c;\n  }\n\n  .fg-glowshield__light--blue::after {\n    background: #477dcc;\n  }\n\n  .fg-glowshield__light--green::after {\n    background: #61a57e;\n  }\n\n  .fg-glowshield__light-dot {\n    position: relative;\n    z-index: 1;\n\n    display: block;\n\n    width: 18px;\n    height: 18px;\n    flex: 0 0 18px;\n\n    margin-top: 2px;\n\n    border: 3px solid rgba(255, 255, 255, 0.9);\n    border-radius: 50%;\n\n    animation:\n      fgGlowShieldLightPulse 2.8s ease-in-out infinite;\n  }\n\n  .fg-glowshield__light--red .fg-glowshield__light-dot {\n    background: #d94f5c;\n\n    box-shadow:\n      0 0 0 1px rgba(217, 79, 92, 0.22);\n  }\n\n  .fg-glowshield__light--blue .fg-glowshield__light-dot {\n    background: #477dcc;\n\n    box-shadow:\n      0 0 0 1px rgba(71, 125, 204, 0.22);\n\n    animation-delay: -0.9s;\n  }\n\n  .fg-glowshield__light--green .fg-glowshield__light-dot {\n    background: #61a57e;\n\n    box-shadow:\n      0 0 0 1px rgba(97, 165, 126, 0.22);\n\n    animation-delay: -1.8s;\n  }\n\n  .fg-glowshield__light-copy {\n    position: relative;\n    z-index: 1;\n\n    flex: 1 1 auto;\n\n    min-width: 0;\n  }\n\n  .fg-glowshield__light-name {\n    display: block;\n\n    margin-bottom: 8px;\n\n    color: var(--gs-deep-navy);\n\n    font-family:\n      Georgia,\n      \"Times New Roman\",\n      serif;\n\n    font-size: 20px;\n    line-height: 1.25;\n  }\n\n  .fg-glowshield__light p {\n    margin: 0;\n\n    color: var(--gs-muted);\n\n    font-size: 14px;\n    line-height: 1.65;\n\n    text-wrap: pretty;\n  }\n\n  .fg-glowshield__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(--gs-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      fgGlowShieldReveal 0.9s 0.8s ease both;\n  }\n\n  .fg-glowshield__footer strong {\n    color: var(--gs-blush);\n\n    font-style: italic;\n    font-weight: 400;\n\n    animation:\n      fgGlowShieldTextGlow 3s ease-in-out infinite;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .fg-glowshield__feature-card:hover {\n      transform: translateY(-7px);\n\n      border-color: rgba(216, 174, 184, 0.58);\n\n      box-shadow:\n        0 28px 65px rgba(23, 62, 108, 0.13);\n    }\n\n    .fg-glowshield__feature-card:hover::before {\n      left: 125%;\n    }\n\n    .fg-glowshield__feature-card:hover::after {\n      transform: scale(1.3);\n    }\n\n    .fg-glowshield__feature-card:hover\n      .fg-glowshield__feature-number {\n      transform:\n        rotate(-5deg)\n        scale(1.08);\n\n      background: linear-gradient(\n        145deg,\n        var(--gs-blush),\n        var(--gs-soft-blush)\n      );\n    }\n\n    .fg-glowshield__light:hover {\n      transform: translateY(-5px);\n\n      box-shadow:\n        0 18px 38px rgba(23, 62, 108, 0.1);\n    }\n\n    .fg-glowshield__light:hover::after {\n      transform: scale(1.25);\n    }\n  }\n\n  @keyframes fgGlowShieldReveal {\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 fgGlowShieldFloat {\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 fgGlowShieldLabelGlow {\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(216, 174, 184, 0.28);\n    }\n  }\n\n  @keyframes fgGlowShieldLine {\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 fgGlowShieldLightPulse {\n    0%,\n    100% {\n      transform: scale(1);\n      filter: brightness(1);\n    }\n\n    50% {\n      transform: scale(1.18);\n      filter: brightness(1.15);\n    }\n  }\n\n  @keyframes fgGlowShieldTextGlow {\n    0%,\n    100% {\n      text-shadow:\n        0 0 0 rgba(216, 174, 184, 0);\n    }\n\n    50% {\n      text-shadow:\n        0 8px 24px rgba(216, 174, 184, 0.35);\n    }\n  }\n\n  \/*\n    FULL-WIDTH DESKTOP SECTION\n  *\/\n\n  @container glowShield (min-width: 901px) {\n    .fg-glowshield__feature-grid {\n      grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n    }\n\n    .fg-glowshield__feature-card {\n      min-height: 154px;\n    }\n\n    .fg-glowshield__light-grid {\n      grid-template-columns:\n        repeat(3, minmax(0, 1fr));\n    }\n\n    .fg-glowshield__light {\n      min-height: 140px;\n    }\n  }\n\n  \/*\n    NARROW SHOPIFY DESKTOP SECTION\n    OR TABLET CONTAINER\n  *\/\n\n  @container glowShield (min-width: 561px) and (max-width: 900px) {\n    .fg-glowshield {\n      padding:\n        68px\n        20px;\n    }\n\n    .fg-glowshield__container {\n      max-width: 760px;\n    }\n\n    .fg-glowshield__header {\n      max-width: 720px;\n\n      margin-bottom: 46px;\n    }\n\n    .fg-glowshield__title {\n      font-size: clamp(44px, 8cqw, 62px);\n      line-height: 1.01;\n    }\n\n    .fg-glowshield__description {\n      max-width: 680px;\n    }\n\n    .fg-glowshield__feature-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-glowshield__feature-card {\n      min-height: auto;\n    }\n\n    .fg-glowshield__therapy {\n      max-width: 720px;\n\n      margin-right: auto;\n      margin-left: auto;\n      margin-top: 18px;\n    }\n\n    .fg-glowshield__light-grid {\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    .fg-glowshield__light {\n      min-height: auto;\n    }\n  }\n\n  \/*\n    MOBILE OR VERY NARROW PRODUCT COLUMN\n  *\/\n\n  @container glowShield (max-width: 560px) {\n    .fg-glowshield {\n      padding:\n        54px\n        15px;\n    }\n\n    .fg-glowshield__header {\n      margin-bottom: 38px;\n    }\n\n    .fg-glowshield__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-glowshield__title {\n      font-size: clamp(37px, 10.5cqw, 47px);\n      line-height: 1.03;\n      letter-spacing: -0.037em;\n    }\n\n    .fg-glowshield__title span {\n      margin-top: 7px;\n    }\n\n    .fg-glowshield__description {\n      margin-top: 24px;\n\n      font-size: 15px;\n      line-height: 1.72;\n    }\n\n    .fg-glowshield__promise {\n      margin-top: 24px;\n\n      font-size: 13px;\n      line-height: 1.45;\n    }\n\n    .fg-glowshield__feature-grid {\n      grid-template-columns:\n        minmax(0, 1fr);\n\n      gap: 14px;\n    }\n\n    .fg-glowshield__feature-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-glowshield__feature-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-glowshield__feature-card h3 {\n      font-size: 20px;\n    }\n\n    .fg-glowshield__feature-card p {\n      font-size: 14px;\n      line-height: 1.68;\n    }\n\n    .fg-glowshield__therapy {\n      margin-top: 15px;\n\n      padding:\n        28px\n        20px;\n\n      border-radius: 22px;\n    }\n\n    .fg-glowshield__therapy-heading {\n      margin-bottom: 22px;\n    }\n\n    .fg-glowshield__therapy-heading \u003e span {\n      font-size: 9px;\n      letter-spacing: 0.15em;\n    }\n\n    .fg-glowshield__therapy-heading h3 {\n      font-size: clamp(27px, 8cqw, 35px);\n      line-height: 1.15;\n    }\n\n    .fg-glowshield__light-grid {\n      grid-template-columns:\n        minmax(0, 1fr);\n\n      gap: 12px;\n    }\n\n    .fg-glowshield__light {\n      gap: 13px;\n\n      min-height: auto;\n\n      padding:\n        20px\n        18px;\n\n      border-radius: 18px;\n    }\n\n    .fg-glowshield__light-name {\n      font-size: 19px;\n    }\n\n    .fg-glowshield__light p {\n      font-size: 13px;\n      line-height: 1.62;\n    }\n\n    .fg-glowshield__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-glowshield__orb {\n      filter: blur(25px);\n    }\n  }\n\n  \/*\n    EXTRA-SMALL MOBILE\n  *\/\n\n  @container glowShield (max-width: 390px) {\n    .fg-glowshield {\n      padding:\n        49px\n        12px;\n    }\n\n    .fg-glowshield__label {\n      font-size: 8px;\n      letter-spacing: 0.08em;\n    }\n\n    .fg-glowshield__title {\n      font-size: 35px;\n    }\n\n    .fg-glowshield__description {\n      font-size: 14px;\n    }\n\n    .fg-glowshield__feature-card {\n      gap: 13px;\n\n      padding:\n        21px\n        18px;\n    }\n\n    .fg-glowshield__feature-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-glowshield__feature-card h3 {\n      font-size: 19px;\n    }\n\n    .fg-glowshield__feature-card p {\n      font-size: 13px;\n    }\n\n    .fg-glowshield__therapy {\n      padding:\n        25px\n        16px;\n    }\n\n    .fg-glowshield__light {\n      padding:\n        18px\n        15px;\n    }\n\n    .fg-glowshield__light-dot {\n      width: 16px;\n      height: 16px;\n      flex-basis: 16px;\n    }\n\n    .fg-glowshield__light-name {\n      font-size: 18px;\n    }\n\n    .fg-glowshield__footer {\n      font-size: 25px;\n    }\n  }\n\n  \/*\n    STANDARD VIEWPORT FALLBACKS\n  *\/\n\n  @media screen and (max-width: 900px) {\n    .fg-glowshield__feature-grid {\n      grid-template-columns:\n        minmax(0, 1fr);\n    }\n\n    .fg-glowshield__feature-card {\n      min-height: auto;\n    }\n\n    .fg-glowshield__light-grid {\n      grid-template-columns:\n        minmax(0, 1fr);\n    }\n\n    .fg-glowshield__light {\n      min-height: auto;\n    }\n  }\n\n  @media screen and (max-width: 749px) {\n    .fg-glowshield {\n      padding:\n        66px\n        18px;\n    }\n\n    .fg-glowshield__header {\n      margin-bottom: 44px;\n    }\n\n    .fg-glowshield__feature-card {\n      padding:\n        23px\n        21px;\n\n      border-radius: 22px;\n    }\n\n    .fg-glowshield__therapy {\n      border-radius: 24px;\n    }\n\n    .fg-glowshield__footer {\n      flex-direction: column;\n      gap: 3px;\n    }\n  }\n\n  @media screen and (max-width: 480px) {\n    .fg-glowshield {\n      padding:\n        54px\n        14px;\n    }\n\n    .fg-glowshield__label {\n      padding:\n        8px\n        13px;\n\n      font-size: 9px;\n      letter-spacing: 0.11em;\n    }\n\n    .fg-glowshield__title {\n      font-size: clamp(36px, 10.5vw, 44px);\n      line-height: 1.03;\n    }\n\n    .fg-glowshield__feature-card {\n      gap: 15px;\n\n      padding:\n        22px\n        19px;\n    }\n\n    .fg-glowshield__feature-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-glowshield__feature-card h3 {\n      font-size: 19px;\n    }\n\n    .fg-glowshield__feature-card p {\n      font-size: 14px;\n    }\n\n    .fg-glowshield__light {\n      padding: 19px;\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-glowshield__feature-grid {\n        grid-template-columns:\n          minmax(0, 1fr);\n      }\n\n      .fg-glowshield__feature-card {\n        min-height: auto;\n      }\n\n      .fg-glowshield__light-grid {\n        grid-template-columns:\n          minmax(0, 1fr);\n      }\n\n      .fg-glowshield__light {\n        min-height: auto;\n      }\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .fg-glowshield *,\n    .fg-glowshield *::before,\n    .fg-glowshield *::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-glowshield__header,\n    .fg-glowshield__feature-card,\n    .fg-glowshield__therapy,\n    .fg-glowshield__footer {\n      opacity: 1;\n      transform: none;\n    }\n  }\n\u003c\/style\u003e","brand":"Fearless Grace","offers":[{"title":"Default Title","offer_id":45865779920979,"sku":null,"price":599.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0726\/0982\/4851\/files\/ChatGPTImageJul25_2026at08_32_34PM.png?v=1785005349"},{"product_id":"sakuraglow-collagen-sheet-mask-10-pack","title":"SakuraGlow – Collagen Sheet Mask (10-Pack)","description":"\u003cdiv class=\"fg-sakura-product\"\u003e\n  \u003cstyle\u003e\n    .fg-sakura-product,\n    .fg-sakura-product * {\n      box-sizing: border-box;\n    }\n\n    .fg-sakura-product {\n      --fg-bg: #fffafc;\n      --fg-bg-soft: #fff4f8;\n      --fg-card: rgba(255, 255, 255, 0.88);\n      --fg-card-strong: #ffffff;\n      --fg-text: #2d2025;\n      --fg-muted: #756168;\n      --fg-pink: #d98da4;\n      --fg-pink-deep: #b85f7c;\n      --fg-blush: #f3c7d4;\n      --fg-border: rgba(184, 95, 124, 0.16);\n      --fg-shadow: 0 20px 60px rgba(116, 65, 81, 0.1);\n      --fg-radius-lg: 30px;\n      --fg-radius-md: 22px;\n      --fg-radius-sm: 16px;\n\n      position: relative;\n      width: 100%;\n      max-width: 1180px;\n      margin: 0 auto;\n      padding: clamp(18px, 4vw, 48px);\n      overflow: hidden;\n      color: var(--fg-text);\n      background:\n        radial-gradient(circle at 12% 8%, rgba(243, 199, 212, 0.32), transparent 32%),\n        radial-gradient(circle at 90% 90%, rgba(217, 141, 164, 0.13), transparent 30%),\n        linear-gradient(145deg, #fffdfd 0%, var(--fg-bg) 48%, #fff7fa 100%);\n      border: 1px solid var(--fg-border);\n      border-radius: var(--fg-radius-lg);\n      box-shadow: var(--fg-shadow);\n      isolation: isolate;\n      container-type: inline-size;\n      container-name: sakura-product;\n      font-family:\n        Inter,\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        sans-serif;\n    }\n\n    .fg-sakura-product::before,\n    .fg-sakura-product::after {\n      content: \"\";\n      position: absolute;\n      border-radius: 50%;\n      pointer-events: none;\n      z-index: -1;\n    }\n\n    .fg-sakura-product::before {\n      width: 280px;\n      height: 280px;\n      top: -120px;\n      right: -90px;\n      background: rgba(243, 199, 212, 0.25);\n      filter: blur(8px);\n      animation: fgSakuraFloat 10s ease-in-out infinite;\n    }\n\n    .fg-sakura-product::after {\n      width: 220px;\n      height: 220px;\n      bottom: -110px;\n      left: -70px;\n      background: rgba(217, 141, 164, 0.13);\n      filter: blur(10px);\n      animation: fgSakuraFloat 12s ease-in-out infinite reverse;\n    }\n\n    .fg-sakura-product__eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 9px;\n      margin-bottom: 18px;\n      padding: 9px 14px;\n      border: 1px solid rgba(184, 95, 124, 0.15);\n      border-radius: 999px;\n      background: rgba(255, 255, 255, 0.75);\n      color: var(--fg-pink-deep);\n      font-size: 12px;\n      font-weight: 800;\n      letter-spacing: 0.12em;\n      text-transform: uppercase;\n      box-shadow: 0 8px 24px rgba(116, 65, 81, 0.05);\n      backdrop-filter: blur(10px);\n      -webkit-backdrop-filter: blur(10px);\n      animation: fgSakuraFadeUp 0.65s ease both;\n    }\n\n    .fg-sakura-product__hero {\n      position: relative;\n      max-width: 900px;\n      margin-bottom: clamp(28px, 5vw, 52px);\n    }\n\n    .fg-sakura-product__title {\n      margin: 0;\n      max-width: 860px;\n      font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n      font-size: clamp(34px, 6vw, 68px);\n      line-height: 0.98;\n      font-weight: 500;\n      letter-spacing: -0.04em;\n      color: var(--fg-text);\n      animation: fgSakuraFadeUp 0.75s 0.06s ease both;\n    }\n\n    .fg-sakura-product__title span {\n      color: var(--fg-pink-deep);\n    }\n\n    .fg-sakura-product__intro {\n      max-width: 830px;\n      margin: 24px 0 0;\n      color: var(--fg-muted);\n      font-size: clamp(15px, 1.7vw, 18px);\n      line-height: 1.8;\n      animation: fgSakuraFadeUp 0.75s 0.12s ease both;\n    }\n\n    .fg-sakura-product__intro strong {\n      color: var(--fg-text);\n      font-weight: 800;\n    }\n\n    .fg-sakura-product__ritual {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      margin-top: 24px;\n      color: var(--fg-pink-deep);\n      font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n      font-size: clamp(17px, 2vw, 22px);\n      font-style: italic;\n      animation: fgSakuraFadeUp 0.75s 0.18s ease both;\n    }\n\n    .fg-sakura-product__ritual span:not(:last-child)::after {\n      content: \"•\";\n      display: inline-block;\n      margin-left: 8px;\n      color: var(--fg-blush);\n      font-style: normal;\n    }\n\n    .fg-sakura-product__grid {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 16px;\n    }\n\n    .fg-sakura-product__card {\n      position: relative;\n      display: flex;\n      gap: 16px;\n      min-width: 0;\n      padding: 22px;\n      overflow: hidden;\n      border: 1px solid var(--fg-border);\n      border-radius: var(--fg-radius-md);\n      background:\n        linear-gradient(\n          145deg,\n          rgba(255, 255, 255, 0.96),\n          rgba(255, 250, 252, 0.82)\n        );\n      box-shadow: 0 12px 35px rgba(116, 65, 81, 0.055);\n      transform: translateY(14px);\n      opacity: 0;\n      animation: fgSakuraCardIn 0.7s ease forwards;\n      transition:\n        transform 0.3s ease,\n        border-color 0.3s ease,\n        box-shadow 0.3s ease;\n    }\n\n    .fg-sakura-product__card:nth-child(1) { animation-delay: 0.12s; }\n    .fg-sakura-product__card:nth-child(2) { animation-delay: 0.18s; }\n    .fg-sakura-product__card:nth-child(3) { animation-delay: 0.24s; }\n    .fg-sakura-product__card:nth-child(4) { animation-delay: 0.30s; }\n    .fg-sakura-product__card:nth-child(5) { animation-delay: 0.36s; }\n    .fg-sakura-product__card:nth-child(6) { animation-delay: 0.42s; }\n    .fg-sakura-product__card:nth-child(7) { animation-delay: 0.48s; }\n    .fg-sakura-product__card:nth-child(8) { animation-delay: 0.54s; }\n\n    .fg-sakura-product__card::after {\n      content: \"\";\n      position: absolute;\n      inset: auto -25% -55% auto;\n      width: 130px;\n      height: 130px;\n      border-radius: 50%;\n      background: rgba(243, 199, 212, 0.13);\n      transition:\n        transform 0.35s ease,\n        opacity 0.35s ease;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n      .fg-sakura-product__card:hover {\n        transform: translateY(-4px);\n        border-color: rgba(184, 95, 124, 0.28);\n        box-shadow: 0 18px 44px rgba(116, 65, 81, 0.09);\n      }\n\n      .fg-sakura-product__card:hover::after {\n        transform: scale(1.18);\n        opacity: 0.9;\n      }\n\n      .fg-sakura-product__card:hover .fg-sakura-product__icon {\n        transform: translateY(-2px) rotate(-3deg);\n      }\n    }\n\n    .fg-sakura-product__icon {\n      flex: 0 0 auto;\n      display: grid;\n      place-items: center;\n      width: 48px;\n      height: 48px;\n      border: 1px solid rgba(184, 95, 124, 0.12);\n      border-radius: 15px;\n      background: linear-gradient(145deg, #fff, var(--fg-bg-soft));\n      font-size: 22px;\n      box-shadow: 0 8px 20px rgba(116, 65, 81, 0.055);\n      transition: transform 0.3s ease;\n    }\n\n    .fg-sakura-product__card-content {\n      position: relative;\n      z-index: 1;\n      min-width: 0;\n    }\n\n    .fg-sakura-product__card-title {\n      margin: 1px 0 7px;\n      color: var(--fg-text);\n      font-size: 15px;\n      line-height: 1.45;\n      font-weight: 800;\n    }\n\n    .fg-sakura-product__card-text {\n      margin: 0;\n      color: var(--fg-muted);\n      font-size: 14px;\n      line-height: 1.65;\n    }\n\n    .fg-sakura-product__footer {\n      position: relative;\n      margin-top: clamp(26px, 4vw, 42px);\n      padding: clamp(20px, 4vw, 30px);\n      overflow: hidden;\n      text-align: center;\n      border: 1px solid rgba(184, 95, 124, 0.15);\n      border-radius: var(--fg-radius-md);\n      background:\n        linear-gradient(\n          135deg,\n          rgba(255, 255, 255, 0.98),\n          rgba(255, 242, 247, 0.92)\n        );\n      box-shadow: 0 14px 40px rgba(116, 65, 81, 0.06);\n      animation: fgSakuraFadeUp 0.8s 0.4s ease both;\n    }\n\n    .fg-sakura-product__footer::before {\n      content: \"✿\";\n      position: absolute;\n      top: -35px;\n      right: 2%;\n      color: rgba(217, 141, 164, 0.09);\n      font-size: 140px;\n      line-height: 1;\n      transform: rotate(10deg);\n      pointer-events: none;\n    }\n\n    .fg-sakura-product__footer p {\n      position: relative;\n      z-index: 1;\n      margin: 0;\n      font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n      color: var(--fg-pink-deep);\n      font-size: clamp(18px, 2.5vw, 26px);\n      line-height: 1.5;\n      font-style: italic;\n    }\n\n    @keyframes fgSakuraFadeUp {\n      from {\n        opacity: 0;\n        transform: translateY(16px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes fgSakuraCardIn {\n      from {\n        opacity: 0;\n        transform: translateY(14px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes fgSakuraFloat {\n      0%,\n      100% {\n        transform: translate3d(0, 0, 0);\n      }\n      50% {\n        transform: translate3d(0, 14px, 0);\n      }\n    }\n\n    \/* =========================================================\n       CONTAINER QUERY SUPPORT\n       Adapts to the actual Shopify product-column width\n       ========================================================= *\/\n\n    @container sakura-product (max-width: 760px) {\n      .fg-sakura-product__grid {\n        grid-template-columns: 1fr;\n      }\n\n      .fg-sakura-product__title {\n        font-size: clamp(34px, 9cqw, 54px);\n      }\n    }\n\n    @container sakura-product (max-width: 520px) {\n      .fg-sakura-product {\n        padding: 18px;\n        border-radius: 24px;\n      }\n\n      .fg-sakura-product__hero {\n        margin-bottom: 25px;\n      }\n\n      .fg-sakura-product__card {\n        gap: 13px;\n        padding: 17px;\n        border-radius: 18px;\n      }\n\n      .fg-sakura-product__icon {\n        width: 42px;\n        height: 42px;\n        border-radius: 13px;\n        font-size: 19px;\n      }\n\n      .fg-sakura-product__card-title {\n        font-size: 14px;\n      }\n\n      .fg-sakura-product__card-text {\n        font-size: 13px;\n      }\n    }\n\n    @container sakura-product (max-width: 390px) {\n      .fg-sakura-product {\n        padding: 14px;\n        border-radius: 20px;\n      }\n\n      .fg-sakura-product__title {\n        font-size: 32px;\n      }\n\n      .fg-sakura-product__intro {\n        font-size: 14px;\n        line-height: 1.7;\n      }\n\n      .fg-sakura-product__ritual {\n        display: block;\n        font-size: 17px;\n        line-height: 1.8;\n      }\n\n      .fg-sakura-product__ritual span {\n        display: block;\n      }\n\n      .fg-sakura-product__ritual span:not(:last-child)::after {\n        display: none;\n      }\n\n      .fg-sakura-product__card {\n        padding: 15px;\n      }\n    }\n\n    \/* =========================================================\n       STANDARD VIEWPORT FALLBACKS\n       Used by browsers\/themes without container-query support\n       ========================================================= *\/\n\n    @media screen and (max-width: 900px) {\n      .fg-sakura-product {\n        padding: 28px;\n      }\n\n      .fg-sakura-product__grid {\n        gap: 14px;\n      }\n    }\n\n    @media screen and (max-width: 749px) {\n      .fg-sakura-product {\n        padding: 22px;\n        border-radius: 25px;\n      }\n\n      .fg-sakura-product__grid {\n        grid-template-columns: 1fr;\n      }\n\n      .fg-sakura-product__title {\n        font-size: clamp(36px, 10vw, 54px);\n      }\n\n      .fg-sakura-product__intro {\n        line-height: 1.7;\n      }\n    }\n\n    @media screen and (max-width: 480px) {\n      .fg-sakura-product {\n        padding: 16px;\n        border-radius: 21px;\n      }\n\n      .fg-sakura-product__eyebrow {\n        margin-bottom: 15px;\n        padding: 8px 11px;\n        font-size: 10px;\n      }\n\n      .fg-sakura-product__title {\n        font-size: clamp(31px, 10.5vw, 42px);\n      }\n\n      .fg-sakura-product__intro {\n        margin-top: 18px;\n        font-size: 14px;\n      }\n\n      .fg-sakura-product__ritual {\n        margin-top: 18px;\n      }\n\n      .fg-sakura-product__card {\n        gap: 12px;\n        padding: 16px;\n      }\n\n      .fg-sakura-product__footer {\n        padding: 20px 16px;\n      }\n    }\n\n    \/* =========================================================\n       REDUCED MOTION \/ ACCESSIBILITY\n       ========================================================= *\/\n\n    @media (prefers-reduced-motion: reduce) {\n      .fg-sakura-product *,\n      .fg-sakura-product *::before,\n      .fg-sakura-product *::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-sakura-product__card {\n        opacity: 1;\n        transform: none;\n      }\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"fg-sakura-product__hero\"\u003e\n    \u003cdiv class=\"fg-sakura-product__eyebrow\"\u003e\n      \u003cspan\u003e🌸\u003c\/span\u003e\n      SakuraGlow Collagen Sheet Mask\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"fg-sakura-product__title\"\u003e\n      Dewy, Glowing Skin.\u003cbr\u003e\n      \u003cspan\u003eInspired by Cherry Blossoms.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp class=\"fg-sakura-product__intro\"\u003e\n      The \u003cstrong\u003eSakuraGlow Collagen Sheet Mask\u003c\/strong\u003e delivers a full\n      10-session skincare ritual in one beautifully packaged set. Each mask is\n      soaked in a potent blend of Sakura Essence and Collagen Protein that\n      floods the skin with deep hydration, repairs the moisture barrier, and\n      leaves your complexion visibly brighter, plumper, and petal-soft — in\n      just one use.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"fg-sakura-product__ritual\" aria-label=\"Product ritual\"\u003e\n      \u003cspan\u003eApply it.\u003c\/span\u003e\n      \u003cspan\u003eRelax.\u003c\/span\u003e\n      \u003cspan\u003eReveal your glow.\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"fg-sakura-product__grid\"\u003e\n    \u003cdiv class=\"fg-sakura-product__card\"\u003e\n      \u003cdiv class=\"fg-sakura-product__icon\" aria-hidden=\"true\"\u003e🌸\u003c\/div\u003e\n      \u003cdiv class=\"fg-sakura-product__card-content\"\u003e\n        \u003ch3 class=\"fg-sakura-product__card-title\"\u003e\n          Visibly brighter, more even skin tone\n        \u003c\/h3\u003e\n        \u003cp class=\"fg-sakura-product__card-text\"\u003e\n          Sakura Extract gently brightens and evens complexion with every\n          session.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fg-sakura-product__card\"\u003e\n      \u003cdiv class=\"fg-sakura-product__icon\" aria-hidden=\"true\"\u003e💧\u003c\/div\u003e\n      \u003cdiv class=\"fg-sakura-product__card-content\"\u003e\n        \u003ch3 class=\"fg-sakura-product__card-title\"\u003e\n          Deep, lasting hydration\n        \u003c\/h3\u003e\n        \u003cp class=\"fg-sakura-product__card-text\"\u003e\n          Collagen Protein floods skin cells with moisture for that coveted\n          dewy finish.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fg-sakura-product__card\"\u003e\n      \u003cdiv class=\"fg-sakura-product__icon\" aria-hidden=\"true\"\u003e✨\u003c\/div\u003e\n      \u003cdiv class=\"fg-sakura-product__card-content\"\u003e\n        \u003ch3 class=\"fg-sakura-product__card-title\"\u003e\n          Plumper, firmer-feeling skin\n        \u003c\/h3\u003e\n        \u003cp class=\"fg-sakura-product__card-text\"\u003e\n          Collagen supports skin elasticity and a youthful, supple texture.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fg-sakura-product__card\"\u003e\n      \u003cdiv class=\"fg-sakura-product__icon\" aria-hidden=\"true\"\u003e🧖🏾\u003c\/div\u003e\n      \u003cdiv class=\"fg-sakura-product__card-content\"\u003e\n        \u003ch3 class=\"fg-sakura-product__card-title\"\u003e\n          Intensive nourishment \u0026amp; repair\n        \u003c\/h3\u003e\n        \u003cp class=\"fg-sakura-product__card-text\"\u003e\n          Soothes, softens, and restores dull or stressed skin overnight.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fg-sakura-product__card\"\u003e\n      \u003cdiv class=\"fg-sakura-product__icon\" aria-hidden=\"true\"\u003e🎁\u003c\/div\u003e\n      \u003cdiv class=\"fg-sakura-product__card-content\"\u003e\n        \u003ch3 class=\"fg-sakura-product__card-title\"\u003e\n          10 individually wrapped masks\n        \u003c\/h3\u003e\n        \u003cp class=\"fg-sakura-product__card-text\"\u003e\n          Use weekly for consistently glowing skin, or gift the full set.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fg-sakura-product__card\"\u003e\n      \u003cdiv class=\"fg-sakura-product__icon\" aria-hidden=\"true\"\u003e✓\u003c\/div\u003e\n      \u003cdiv class=\"fg-sakura-product__card-content\"\u003e\n        \u003ch3 class=\"fg-sakura-product__card-title\"\u003e\n          Stunning cherry blossom packaging\n        \u003c\/h3\u003e\n        \u003cp class=\"fg-sakura-product__card-text\"\u003e\n          Gift-ready straight out of the box, no wrapping needed.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fg-sakura-product__card\"\u003e\n      \u003cdiv class=\"fg-sakura-product__icon\" aria-hidden=\"true\"\u003e✓\u003c\/div\u003e\n      \u003cdiv class=\"fg-sakura-product__card-content\"\u003e\n        \u003ch3 class=\"fg-sakura-product__card-title\"\u003e\n          Perfect for all skin types\n        \u003c\/h3\u003e\n        \u003cp class=\"fg-sakura-product__card-text\"\u003e\n          Gentle enough for sensitive skin, effective enough for all.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fg-sakura-product__card\"\u003e\n      \u003cdiv class=\"fg-sakura-product__icon\" aria-hidden=\"true\"\u003e✓\u003c\/div\u003e\n      \u003cdiv class=\"fg-sakura-product__card-content\"\u003e\n        \u003ch3 class=\"fg-sakura-product__card-title\"\u003e\n          Ideal gift for her\n        \u003c\/h3\u003e\n        \u003cp class=\"fg-sakura-product__card-text\"\u003e\n          Valentine’s Day, birthdays, Mother’s Day, or just because.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"fg-sakura-product__footer\"\u003e\n    \u003cp\u003e\n      Ten masks. Ten moments of pure skin bliss.\u003cbr\u003e\n      One unforgettable glow.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fearless Grace","offers":[{"title":"Default Title","offer_id":45945627213907,"sku":null,"price":249.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_06_31_24_PM.png?v=1786302288"},{"product_id":"cherrykiss-cherry-lip-mask-10-pack","title":"CherryKiss – Cherry Lip Mask (10-Pack)","description":"\u003cdiv class=\"fg-cherrykiss-product\"\u003e\n  \u003cstyle\u003e\n    .fg-cherrykiss-product,\n    .fg-cherrykiss-product * {\n      box-sizing: border-box;\n    }\n\n    .fg-cherrykiss-product {\n      --fg-bg: #fff8f9;\n      --fg-bg-soft: #fff0f3;\n      --fg-card: rgba(255, 255, 255, 0.92);\n      --fg-text: #2f2225;\n      --fg-muted: #766267;\n      --fg-cherry: #b93452;\n      --fg-cherry-deep: #8f223d;\n      --fg-blush: #efb6c3;\n      --fg-border: rgba(143, 34, 61, 0.14);\n      --fg-shadow: 0 20px 60px rgba(105, 45, 61, 0.1);\n      --fg-radius-lg: 30px;\n      --fg-radius-md: 22px;\n\n      position: relative;\n      width: 100%;\n      max-width: 1180px;\n      margin: 0 auto;\n      padding: clamp(18px, 4vw, 48px);\n      overflow: hidden;\n      color: var(--fg-text);\n      background:\n        radial-gradient(circle at 10% 8%, rgba(239, 182, 195, 0.28), transparent 31%),\n        radial-gradient(circle at 92% 92%, rgba(185, 52, 82, 0.09), transparent 29%),\n        linear-gradient(145deg, #fffefe 0%, var(--fg-bg) 50%, #fff4f6 100%);\n      border: 1px solid var(--fg-border);\n      border-radius: var(--fg-radius-lg);\n      box-shadow: var(--fg-shadow);\n      isolation: isolate;\n      container-type: inline-size;\n      container-name: cherrykiss-product;\n      font-family:\n        Inter,\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        sans-serif;\n    }\n\n    .fg-cherrykiss-product::before,\n    .fg-cherrykiss-product::after {\n      content: \"\";\n      position: absolute;\n      z-index: -1;\n      border-radius: 50%;\n      pointer-events: none;\n    }\n\n    .fg-cherrykiss-product::before {\n      width: 300px;\n      height: 300px;\n      top: -140px;\n      right: -110px;\n      background: rgba(239, 182, 195, 0.22);\n      filter: blur(12px);\n      animation: fgCherryFloat 10s ease-in-out infinite;\n    }\n\n    .fg-cherrykiss-product::after {\n      width: 230px;\n      height: 230px;\n      bottom: -120px;\n      left: -80px;\n      background: rgba(185, 52, 82, 0.08);\n      filter: blur(12px);\n      animation: fgCherryFloat 13s ease-in-out infinite reverse;\n    }\n\n    .fg-cherrykiss-product__hero {\n      position: relative;\n      max-width: 920px;\n      margin-bottom: clamp(28px, 5vw, 52px);\n    }\n\n    .fg-cherrykiss-product__eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 9px;\n      margin-bottom: 18px;\n      padding: 9px 14px;\n      border: 1px solid rgba(143, 34, 61, 0.14);\n      border-radius: 999px;\n      background: rgba(255, 255, 255, 0.78);\n      color: var(--fg-cherry-deep);\n      font-size: 12px;\n      font-weight: 800;\n      letter-spacing: 0.12em;\n      text-transform: uppercase;\n      box-shadow: 0 8px 24px rgba(105, 45, 61, 0.05);\n      backdrop-filter: blur(10px);\n      -webkit-backdrop-filter: blur(10px);\n      animation: fgCherryFadeUp 0.65s ease both;\n    }\n\n    .fg-cherrykiss-product__title {\n      margin: 0;\n      max-width: 900px;\n      font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n      font-size: clamp(34px, 6vw, 68px);\n      line-height: 0.98;\n      font-weight: 500;\n      letter-spacing: -0.04em;\n      color: var(--fg-text);\n      animation: fgCherryFadeUp 0.75s 0.06s ease both;\n    }\n\n    .fg-cherrykiss-product__title span {\n      color: var(--fg-cherry);\n    }\n\n    .fg-cherrykiss-product__intro {\n      max-width: 850px;\n      margin: 24px 0 0;\n      color: var(--fg-muted);\n      font-size: clamp(15px, 1.7vw, 18px);\n      line-height: 1.8;\n      animation: fgCherryFadeUp 0.75s 0.12s ease both;\n    }\n\n    .fg-cherrykiss-product__intro strong {\n      color: var(--fg-text);\n      font-weight: 800;\n    }\n\n    .fg-cherrykiss-product__ritual {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      margin-top: 24px;\n      color: var(--fg-cherry-deep);\n      font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n      font-size: clamp(17px, 2vw, 22px);\n      font-style: italic;\n      animation: fgCherryFadeUp 0.75s 0.18s ease both;\n    }\n\n    .fg-cherrykiss-product__ritual span:not(:last-child)::after {\n      content: \"•\";\n      display: inline-block;\n      margin-left: 8px;\n      color: var(--fg-blush);\n      font-style: normal;\n    }\n\n    .fg-cherrykiss-product__grid {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 16px;\n    }\n\n    .fg-cherrykiss-product__card {\n      position: relative;\n      display: flex;\n      gap: 16px;\n      min-width: 0;\n      padding: 22px;\n      overflow: hidden;\n      border: 1px solid var(--fg-border);\n      border-radius: var(--fg-radius-md);\n      background:\n        linear-gradient(\n          145deg,\n          rgba(255, 255, 255, 0.97),\n          rgba(255, 247, 249, 0.86)\n        );\n      box-shadow: 0 12px 35px rgba(105, 45, 61, 0.055);\n      transform: translateY(14px);\n      opacity: 0;\n      animation: fgCherryCardIn 0.7s ease forwards;\n      transition:\n        transform 0.3s ease,\n        border-color 0.3s ease,\n        box-shadow 0.3s ease;\n    }\n\n    .fg-cherrykiss-product__card:nth-child(1) { animation-delay: 0.12s; }\n    .fg-cherrykiss-product__card:nth-child(2) { animation-delay: 0.18s; }\n    .fg-cherrykiss-product__card:nth-child(3) { animation-delay: 0.24s; }\n    .fg-cherrykiss-product__card:nth-child(4) { animation-delay: 0.30s; }\n    .fg-cherrykiss-product__card:nth-child(5) { animation-delay: 0.36s; }\n    .fg-cherrykiss-product__card:nth-child(6) { animation-delay: 0.42s; }\n\n    .fg-cherrykiss-product__card::after {\n      content: \"\";\n      position: absolute;\n      right: -42px;\n      bottom: -55px;\n      width: 125px;\n      height: 125px;\n      border-radius: 50%;\n      background: rgba(239, 182, 195, 0.16);\n      transition:\n        transform 0.35s ease,\n        opacity 0.35s ease;\n    }\n\n    .fg-cherrykiss-product__icon {\n      flex: 0 0 auto;\n      display: grid;\n      place-items: center;\n      width: 48px;\n      height: 48px;\n      border: 1px solid rgba(143, 34, 61, 0.1);\n      border-radius: 15px;\n      background:\n        linear-gradient(\n          145deg,\n          #ffffff,\n          var(--fg-bg-soft)\n        );\n      font-size: 22px;\n      box-shadow: 0 8px 20px rgba(105, 45, 61, 0.055);\n      transition: transform 0.3s ease;\n    }\n\n    .fg-cherrykiss-product__card-content {\n      position: relative;\n      z-index: 1;\n      min-width: 0;\n    }\n\n    .fg-cherrykiss-product__card-title {\n      margin: 1px 0 7px;\n      color: var(--fg-text);\n      font-size: 15px;\n      line-height: 1.45;\n      font-weight: 800;\n    }\n\n    .fg-cherrykiss-product__card-text {\n      margin: 0;\n      color: var(--fg-muted);\n      font-size: 14px;\n      line-height: 1.65;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n      .fg-cherrykiss-product__card:hover {\n        transform: translateY(-4px);\n        border-color: rgba(143, 34, 61, 0.26);\n        box-shadow: 0 18px 44px rgba(105, 45, 61, 0.09);\n      }\n\n      .fg-cherrykiss-product__card:hover::after {\n        transform: scale(1.18);\n        opacity: 0.9;\n      }\n\n      .fg-cherrykiss-product__card:hover .fg-cherrykiss-product__icon {\n        transform: translateY(-2px) rotate(-3deg);\n      }\n    }\n\n    .fg-cherrykiss-product__footer {\n      position: relative;\n      margin-top: clamp(26px, 4vw, 42px);\n      padding: clamp(20px, 4vw, 30px);\n      overflow: hidden;\n      text-align: center;\n      border: 1px solid rgba(143, 34, 61, 0.14);\n      border-radius: var(--fg-radius-md);\n      background:\n        linear-gradient(\n          135deg,\n          rgba(255, 255, 255, 0.98),\n          rgba(255, 241, 244, 0.94)\n        );\n      box-shadow: 0 14px 40px rgba(105, 45, 61, 0.06);\n      animation: fgCherryFadeUp 0.8s 0.4s ease both;\n    }\n\n    .fg-cherrykiss-product__footer::before {\n      content: \"♥\";\n      position: absolute;\n      top: -48px;\n      right: 3%;\n      color: rgba(185, 52, 82, 0.07);\n      font-size: 155px;\n      line-height: 1;\n      transform: rotate(8deg);\n      pointer-events: none;\n    }\n\n    .fg-cherrykiss-product__footer p {\n      position: relative;\n      z-index: 1;\n      margin: 0;\n      font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n      color: var(--fg-cherry-deep);\n      font-size: clamp(18px, 2.5vw, 26px);\n      line-height: 1.5;\n      font-style: italic;\n    }\n\n    @keyframes fgCherryFadeUp {\n      from {\n        opacity: 0;\n        transform: translateY(16px);\n      }\n\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes fgCherryCardIn {\n      from {\n        opacity: 0;\n        transform: translateY(14px);\n      }\n\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes fgCherryFloat {\n      0%,\n      100% {\n        transform: translate3d(0, 0, 0);\n      }\n\n      50% {\n        transform: translate3d(0, 14px, 0);\n      }\n    }\n\n    \/* =========================================================\n       CONTAINER QUERY SUPPORT\n       Adapts to narrow Shopify product columns\n       ========================================================= *\/\n\n    @container cherrykiss-product (max-width: 760px) {\n      .fg-cherrykiss-product__grid {\n        grid-template-columns: 1fr;\n      }\n\n      .fg-cherrykiss-product__title {\n        font-size: clamp(34px, 9cqw, 54px);\n      }\n    }\n\n    @container cherrykiss-product (max-width: 520px) {\n      .fg-cherrykiss-product {\n        padding: 18px;\n        border-radius: 24px;\n      }\n\n      .fg-cherrykiss-product__hero {\n        margin-bottom: 25px;\n      }\n\n      .fg-cherrykiss-product__card {\n        gap: 13px;\n        padding: 17px;\n        border-radius: 18px;\n      }\n\n      .fg-cherrykiss-product__icon {\n        width: 42px;\n        height: 42px;\n        border-radius: 13px;\n        font-size: 19px;\n      }\n\n      .fg-cherrykiss-product__card-title {\n        font-size: 14px;\n      }\n\n      .fg-cherrykiss-product__card-text {\n        font-size: 13px;\n      }\n    }\n\n    @container cherrykiss-product (max-width: 390px) {\n      .fg-cherrykiss-product {\n        padding: 14px;\n        border-radius: 20px;\n      }\n\n      .fg-cherrykiss-product__title {\n        font-size: 32px;\n      }\n\n      .fg-cherrykiss-product__intro {\n        font-size: 14px;\n        line-height: 1.7;\n      }\n\n      .fg-cherrykiss-product__ritual {\n        display: block;\n        font-size: 17px;\n        line-height: 1.8;\n      }\n\n      .fg-cherrykiss-product__ritual span {\n        display: block;\n      }\n\n      .fg-cherrykiss-product__ritual span:not(:last-child)::after {\n        display: none;\n      }\n\n      .fg-cherrykiss-product__card {\n        padding: 15px;\n      }\n    }\n\n    \/* =========================================================\n       STANDARD VIEWPORT FALLBACKS\n       ========================================================= *\/\n\n    @media screen and (max-width: 900px) {\n      .fg-cherrykiss-product {\n        padding: 28px;\n      }\n\n      .fg-cherrykiss-product__grid {\n        gap: 14px;\n      }\n    }\n\n    @media screen and (max-width: 749px) {\n      .fg-cherrykiss-product {\n        padding: 22px;\n        border-radius: 25px;\n      }\n\n      .fg-cherrykiss-product__grid {\n        grid-template-columns: 1fr;\n      }\n\n      .fg-cherrykiss-product__title {\n        font-size: clamp(36px, 10vw, 54px);\n      }\n\n      .fg-cherrykiss-product__intro {\n        line-height: 1.7;\n      }\n    }\n\n    @media screen and (max-width: 480px) {\n      .fg-cherrykiss-product {\n        padding: 16px;\n        border-radius: 21px;\n      }\n\n      .fg-cherrykiss-product__eyebrow {\n        margin-bottom: 15px;\n        padding: 8px 11px;\n        font-size: 10px;\n      }\n\n      .fg-cherrykiss-product__title {\n        font-size: clamp(31px, 10.5vw, 42px);\n      }\n\n      .fg-cherrykiss-product__intro {\n        margin-top: 18px;\n        font-size: 14px;\n      }\n\n      .fg-cherrykiss-product__ritual {\n        margin-top: 18px;\n      }\n\n      .fg-cherrykiss-product__card {\n        gap: 12px;\n        padding: 16px;\n      }\n\n      .fg-cherrykiss-product__footer {\n        padding: 20px 16px;\n      }\n    }\n\n    \/* =========================================================\n       REDUCED MOTION \/ ACCESSIBILITY\n       ========================================================= *\/\n\n    @media (prefers-reduced-motion: reduce) {\n      .fg-cherrykiss-product *,\n      .fg-cherrykiss-product *::before,\n      .fg-cherrykiss-product *::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-cherrykiss-product__card {\n        opacity: 1;\n        transform: none;\n      }\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"fg-cherrykiss-product__hero\"\u003e\n    \u003cdiv class=\"fg-cherrykiss-product__eyebrow\"\u003e\n      \u003cspan\u003e🍒\u003c\/span\u003e\n      CherryKiss Cherry Lip Mask\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"fg-cherrykiss-product__title\"\u003e\n      Wake Up to Softer, Plumper,\u003cbr\u003e\n      \u003cspan\u003eKissable Lips.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp class=\"fg-cherrykiss-product__intro\"\u003e\n      The \u003cstrong\u003eCherryKiss Cherry Lip Mask\u003c\/strong\u003e works while you sleep.\n      Infused with Cherry Extract, this non-greasy overnight mask floods dry,\n      chapped lips with deep moisture — softening, smoothing, and renewing lip\n      skin so you wake up to a visibly plumper, shinier pout. No flaking. No\n      tightness. Just soft, healthy lips every single morning.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"fg-cherrykiss-product__ritual\" aria-label=\"CherryKiss lip care ritual\"\u003e\n      \u003cspan\u003eApply it.\u003c\/span\u003e\n      \u003cspan\u003eSleep.\u003c\/span\u003e\n      \u003cspan\u003eWake up to your best lips.\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"fg-cherrykiss-product__grid\"\u003e\n    \u003cdiv class=\"fg-cherrykiss-product__card\"\u003e\n      \u003cdiv class=\"fg-cherrykiss-product__icon\" aria-hidden=\"true\"\u003e🍒\u003c\/div\u003e\n\n      \u003cdiv class=\"fg-cherrykiss-product__card-content\"\u003e\n        \u003ch3 class=\"fg-cherrykiss-product__card-title\"\u003e\n          Visibly softer lips overnight\n        \u003c\/h3\u003e\n\n        \u003cp class=\"fg-cherrykiss-product__card-text\"\u003e\n          Cherry Extract deeply hydrates and renews dry, chapped lip skin while\n          you sleep.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fg-cherrykiss-product__card\"\u003e\n      \u003cdiv class=\"fg-cherrykiss-product__icon\" aria-hidden=\"true\"\u003e✨\u003c\/div\u003e\n\n      \u003cdiv class=\"fg-cherrykiss-product__card-content\"\u003e\n        \u003ch3 class=\"fg-cherrykiss-product__card-title\"\u003e\n          Plumper, shinier pout by morning\n        \u003c\/h3\u003e\n\n        \u003cp class=\"fg-cherrykiss-product__card-text\"\u003e\n          Moisture-locking formula leaves lips looking fuller and naturally\n          glossy.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fg-cherrykiss-product__card\"\u003e\n      \u003cdiv class=\"fg-cherrykiss-product__icon\" aria-hidden=\"true\"\u003e🌿\u003c\/div\u003e\n\n      \u003cdiv class=\"fg-cherrykiss-product__card-content\"\u003e\n        \u003ch3 class=\"fg-cherrykiss-product__card-title\"\u003e\n          Non-greasy, lightweight formula\n        \u003c\/h3\u003e\n\n        \u003cp class=\"fg-cherrykiss-product__card-text\"\u003e\n          Absorbs comfortably without sticking to your pillow.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fg-cherrykiss-product__card\"\u003e\n      \u003cdiv class=\"fg-cherrykiss-product__icon\" aria-hidden=\"true\"\u003e💋\u003c\/div\u003e\n\n      \u003cdiv class=\"fg-cherrykiss-product__card-content\"\u003e\n        \u003ch3 class=\"fg-cherrykiss-product__card-title\"\u003e\n          Repairs chapped \u0026amp; flaky lips\n        \u003c\/h3\u003e\n\n        \u003cp class=\"fg-cherrykiss-product__card-text\"\u003e\n          Restores the lip moisture barrier for smooth, healthy skin over time.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fg-cherrykiss-product__card\"\u003e\n      \u003cdiv class=\"fg-cherrykiss-product__icon\" aria-hidden=\"true\"\u003e✓\u003c\/div\u003e\n\n      \u003cdiv class=\"fg-cherrykiss-product__card-content\"\u003e\n        \u003ch3 class=\"fg-cherrykiss-product__card-title\"\u003e\n          10 individually wrapped masks\n        \u003c\/h3\u003e\n\n        \u003cp class=\"fg-cherrykiss-product__card-text\"\u003e\n          Use nightly or as a weekly treatment for consistently soft lips.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fg-cherrykiss-product__card\"\u003e\n      \u003cdiv class=\"fg-cherrykiss-product__icon\" aria-hidden=\"true\"\u003e✓\u003c\/div\u003e\n\n      \u003cdiv class=\"fg-cherrykiss-product__card-content\"\u003e\n        \u003ch3 class=\"fg-cherrykiss-product__card-title\"\u003e\n          Plant-based Cherry Extract\n        \u003c\/h3\u003e\n\n        \u003cp class=\"fg-cherrykiss-product__card-text\"\u003e\n          Gentle enough for sensitive lips.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"fg-cherrykiss-product__footer\"\u003e\n    \u003cp\u003e\n      Ten nights. Ten mornings of softer,\u003cbr\u003e\n      kissable lips.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fearless Grace","offers":[{"title":"Default Title","offer_id":45948173451347,"sku":null,"price":199.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0726\/0982\/4851\/files\/ChatGPT_Image_Aug_10_2026_at_06_00_21_PM.png?v=1786378723"},{"product_id":"glowcode-retinol-facial-serum","title":"GlowCode – Retinol Facial Serum","description":"\u003cdiv class=\"fg-glowcode-product\"\u003e\n  \u003cstyle\u003e\n    .fg-glowcode-product,\n    .fg-glowcode-product * {\n      box-sizing: border-box;\n    }\n\n    .fg-glowcode-product {\n      --fg-bg: #f7f3ef;\n      --fg-bg-soft: #fcfaf7;\n      --fg-card: rgba(255, 255, 255, 0.8);\n      --fg-text: #2c2926;\n      --fg-muted: #746e68;\n\n      --fg-gold: #b8996b;\n      --fg-gold-deep: #8f724c;\n      --fg-cream: #efe5d5;\n      --fg-milk: #fffdf8;\n      --fg-taupe: #d8cdc1;\n\n      --fg-border: rgba(105, 91, 76, 0.13);\n      --fg-shadow:\n        0 30px 80px rgba(73, 63, 54, 0.1),\n        0 10px 30px rgba(73, 63, 54, 0.05);\n\n      --fg-radius-lg: 34px;\n      --fg-radius-md: 22px;\n\n      position: relative;\n      width: 100%;\n      max-width: 1180px;\n      margin: 0 auto;\n      padding: clamp(20px, 4vw, 50px);\n      overflow: hidden;\n\n      color: var(--fg-text);\n\n      background:\n        radial-gradient(\n          circle at 10% 8%,\n          rgba(255, 255, 255, 0.96) 0%,\n          rgba(255, 255, 255, 0.56) 18%,\n          transparent 40%\n        ),\n        radial-gradient(\n          circle at 90% 10%,\n          rgba(239, 229, 213, 0.52) 0%,\n          transparent 34%\n        ),\n        radial-gradient(\n          circle at 82% 88%,\n          rgba(216, 205, 193, 0.34) 0%,\n          transparent 34%\n        ),\n        linear-gradient(\n          145deg,\n          #fffefb 0%,\n          #f8f3ed 38%,\n          #fbf8f3 63%,\n          #f2ebe4 100%\n        );\n\n      border: 1px solid var(--fg-border);\n      border-radius: var(--fg-radius-lg);\n      box-shadow: var(--fg-shadow);\n\n      isolation: isolate;\n\n      container-type: inline-size;\n      container-name: glowcode-product;\n\n      font-family:\n        Inter,\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        sans-serif;\n    }\n\n    .fg-glowcode-product::before,\n    .fg-glowcode-product::after {\n      content: \"\";\n      position: absolute;\n      border-radius: 50%;\n      pointer-events: none;\n      z-index: -2;\n    }\n\n    .fg-glowcode-product::before {\n      width: 420px;\n      height: 420px;\n      top: -225px;\n      right: -150px;\n\n      background:\n        radial-gradient(\n          circle at 35% 35%,\n          rgba(255, 255, 255, 0.95),\n          rgba(239, 229, 213, 0.34) 36%,\n          rgba(184, 153, 107, 0.08) 62%,\n          transparent 74%\n        );\n\n      filter: blur(9px);\n      animation: fgGlowFloat 12s ease-in-out infinite;\n    }\n\n    .fg-glowcode-product::after {\n      width: 390px;\n      height: 390px;\n      left: -180px;\n      bottom: -220px;\n\n      background:\n        radial-gradient(\n          circle at 60% 38%,\n          rgba(255, 255, 255, 0.8),\n          rgba(216, 205, 193, 0.3) 38%,\n          rgba(143, 114, 76, 0.07) 64%,\n          transparent 75%\n        );\n\n      filter: blur(12px);\n      animation: fgGlowFloat 15s ease-in-out infinite reverse;\n    }\n\n    .fg-glowcode-product__luxury-layer {\n      position: absolute;\n      inset: 0;\n      border-radius: inherit;\n      overflow: hidden;\n      pointer-events: none;\n      z-index: -1;\n    }\n\n    .fg-glowcode-product__luxury-layer::before {\n      content: \"\";\n      position: absolute;\n\n      width: 64%;\n      height: 160px;\n\n      top: 13%;\n      left: -9%;\n\n      background:\n        linear-gradient(\n          90deg,\n          transparent,\n          rgba(255, 255, 255, 0.5),\n          transparent\n        );\n\n      transform: rotate(-17deg);\n      filter: blur(30px);\n      opacity: 0.72;\n    }\n\n    .fg-glowcode-product__luxury-layer::after {\n      content: \"\";\n      position: absolute;\n\n      width: 68%;\n      height: 120px;\n\n      right: -24%;\n      bottom: 15%;\n\n      background:\n        linear-gradient(\n          90deg,\n          transparent,\n          rgba(184, 153, 107, 0.15),\n          transparent\n        );\n\n      transform: rotate(-12deg);\n      filter: blur(35px);\n    }\n\n    .fg-glowcode-product__hero {\n      position: relative;\n      z-index: 2;\n      max-width: 940px;\n      margin-bottom: clamp(30px, 5vw, 54px);\n    }\n\n    .fg-glowcode-product__eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 9px;\n\n      margin-bottom: 18px;\n      padding: 9px 15px;\n\n      border: 1px solid rgba(143, 114, 76, 0.15);\n      border-radius: 999px;\n\n      background:\n        linear-gradient(\n          135deg,\n          rgba(255, 255, 255, 0.9),\n          rgba(250, 246, 240, 0.72)\n        );\n\n      color: var(--fg-gold-deep);\n\n      font-size: 12px;\n      font-weight: 800;\n      letter-spacing: 0.12em;\n      text-transform: uppercase;\n\n      box-shadow:\n        0 10px 26px rgba(73, 63, 54, 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      animation: fgGlowFadeUp 0.65s ease both;\n    }\n\n    .fg-glowcode-product__title {\n      margin: 0;\n      max-width: 910px;\n\n      font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n      font-size: clamp(34px, 6vw, 68px);\n      line-height: 0.98;\n      font-weight: 500;\n      letter-spacing: -0.04em;\n\n      color: var(--fg-text);\n\n      animation: fgGlowFadeUp 0.75s 0.06s ease both;\n    }\n\n    .fg-glowcode-product__title span {\n      color: var(--fg-gold-deep);\n    }\n\n    .fg-glowcode-product__intro {\n      max-width: 870px;\n      margin: 24px 0 0;\n\n      color: var(--fg-muted);\n\n      font-size: clamp(15px, 1.7vw, 18px);\n      line-height: 1.8;\n\n      animation: fgGlowFadeUp 0.75s 0.12s ease both;\n    }\n\n    .fg-glowcode-product__intro strong {\n      color: var(--fg-text);\n      font-weight: 800;\n    }\n\n    .fg-glowcode-product__ritual {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n\n      margin-top: 24px;\n\n      color: var(--fg-gold-deep);\n\n      font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n      font-size: clamp(17px, 2vw, 22px);\n      font-style: italic;\n\n      animation: fgGlowFadeUp 0.75s 0.18s ease both;\n    }\n\n    .fg-glowcode-product__ritual span:not(:last-child)::after {\n      content: \"•\";\n      display: inline-block;\n      margin-left: 8px;\n      color: rgba(184, 153, 107, 0.5);\n      font-style: normal;\n    }\n\n    .fg-glowcode-product__grid {\n      position: relative;\n      z-index: 2;\n\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 16px;\n    }\n\n    .fg-glowcode-product__card {\n      position: relative;\n\n      display: flex;\n      gap: 16px;\n\n      min-width: 0;\n      padding: 22px;\n\n      overflow: hidden;\n\n      border: 1px solid rgba(105, 91, 76, 0.12);\n      border-radius: var(--fg-radius-md);\n\n      background:\n        linear-gradient(\n          135deg,\n          rgba(255, 255, 255, 0.84),\n          rgba(250, 247, 242, 0.68)\n        );\n\n      box-shadow:\n        0 18px 40px rgba(73, 63, 54, 0.055),\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(14px);\n\n      animation: fgGlowCardIn 0.7s ease forwards;\n\n      transition:\n        transform 0.3s ease,\n        border-color 0.3s ease,\n        box-shadow 0.3s ease,\n        background 0.3s ease;\n    }\n\n    .fg-glowcode-product__card:nth-child(1) { animation-delay: 0.12s; }\n    .fg-glowcode-product__card:nth-child(2) { animation-delay: 0.18s; }\n    .fg-glowcode-product__card:nth-child(3) { animation-delay: 0.24s; }\n    .fg-glowcode-product__card:nth-child(4) { animation-delay: 0.30s; }\n    .fg-glowcode-product__card:nth-child(5) { animation-delay: 0.36s; }\n    .fg-glowcode-product__card:nth-child(6) { animation-delay: 0.42s; }\n    .fg-glowcode-product__card:nth-child(7) { animation-delay: 0.48s; }\n    .fg-glowcode-product__card:nth-child(8) { animation-delay: 0.54s; }\n\n    .fg-glowcode-product__card::before {\n      content: \"\";\n      position: absolute;\n\n      width: 140px;\n      height: 140px;\n\n      top: -88px;\n      right: -55px;\n\n      border-radius: 50%;\n\n      background:\n        radial-gradient(\n          circle,\n          rgba(255, 255, 255, 0.8),\n          rgba(239, 229, 213, 0.16) 55%,\n          transparent 72%\n        );\n\n      pointer-events: none;\n    }\n\n    .fg-glowcode-product__card::after {\n      content: \"\";\n      position: absolute;\n\n      right: -46px;\n      bottom: -62px;\n\n      width: 138px;\n      height: 138px;\n\n      border-radius: 50%;\n\n      background: rgba(184, 153, 107, 0.1);\n\n      transition:\n        transform 0.35s ease,\n        opacity 0.35s ease;\n    }\n\n    .fg-glowcode-product__icon {\n      position: relative;\n      z-index: 2;\n\n      flex: 0 0 auto;\n\n      display: grid;\n      place-items: center;\n\n      width: 50px;\n      height: 50px;\n\n      border: 1px solid rgba(143, 114, 76, 0.11);\n      border-radius: 16px;\n\n      background:\n        linear-gradient(\n          145deg,\n          rgba(255, 255, 255, 0.98),\n          rgba(247, 240, 231, 0.92)\n        );\n\n      font-size: 22px;\n\n      box-shadow:\n        0 10px 24px rgba(73, 63, 54, 0.065),\n        inset 0 1px 0 rgba(255, 255, 255, 0.96);\n\n      transition: transform 0.3s ease;\n    }\n\n    .fg-glowcode-product__card-content {\n      position: relative;\n      z-index: 2;\n      min-width: 0;\n    }\n\n    .fg-glowcode-product__card-title {\n      margin: 1px 0 7px;\n\n      color: var(--fg-text);\n\n      font-size: 15px;\n      line-height: 1.45;\n      font-weight: 800;\n    }\n\n    .fg-glowcode-product__card-text {\n      margin: 0;\n\n      color: var(--fg-muted);\n\n      font-size: 14px;\n      line-height: 1.65;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n      .fg-glowcode-product__card:hover {\n        transform: translateY(-5px);\n\n        border-color: rgba(143, 114, 76, 0.22);\n\n        background:\n          linear-gradient(\n            135deg,\n            rgba(255, 255, 255, 0.96),\n            rgba(250, 246, 240, 0.8)\n          );\n\n        box-shadow:\n          0 24px 50px rgba(73, 63, 54, 0.09),\n          inset 0 1px 0 rgba(255, 255, 255, 0.96);\n      }\n\n      .fg-glowcode-product__card:hover::after {\n        transform: scale(1.18);\n        opacity: 0.9;\n      }\n\n      .fg-glowcode-product__card:hover\n      .fg-glowcode-product__icon {\n        transform: translateY(-2px) rotate(-3deg);\n      }\n    }\n\n    .fg-glowcode-product__footer {\n      position: relative;\n      z-index: 2;\n\n      margin-top: clamp(28px, 4vw, 44px);\n      padding: clamp(22px, 4vw, 32px);\n\n      overflow: hidden;\n      text-align: center;\n\n      border: 1px solid rgba(105, 91, 76, 0.12);\n      border-radius: var(--fg-radius-md);\n\n      background:\n        radial-gradient(\n          circle at 50% 0%,\n          rgba(255, 255, 255, 0.94),\n          transparent 52%\n        ),\n        linear-gradient(\n          135deg,\n          rgba(255, 255, 255, 0.87),\n          rgba(246, 239, 230, 0.72)\n        );\n\n      box-shadow:\n        0 18px 44px rgba(73, 63, 54, 0.065),\n        inset 0 1px 0 rgba(255, 255, 255, 0.92);\n\n      backdrop-filter: blur(14px);\n      -webkit-backdrop-filter: blur(14px);\n\n      animation: fgGlowFadeUp 0.8s 0.4s ease both;\n    }\n\n    .fg-glowcode-product__footer::before {\n      content: \"✦\";\n\n      position: absolute;\n      top: -48px;\n      right: 3%;\n\n      color: rgba(143, 114, 76, 0.055);\n\n      font-size: 165px;\n      line-height: 1;\n\n      transform: rotate(8deg);\n      pointer-events: none;\n    }\n\n    .fg-glowcode-product__footer p {\n      position: relative;\n      z-index: 2;\n\n      margin: 0;\n\n      font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n      color: var(--fg-gold-deep);\n\n      font-size: clamp(18px, 2.5vw, 27px);\n      line-height: 1.5;\n      font-style: italic;\n    }\n\n    @keyframes fgGlowFadeUp {\n      from {\n        opacity: 0;\n        transform: translateY(16px);\n      }\n\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes fgGlowCardIn {\n      from {\n        opacity: 0;\n        transform: translateY(14px);\n      }\n\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes fgGlowFloat {\n      0%,\n      100% {\n        transform: translate3d(0, 0, 0) scale(1);\n      }\n\n      50% {\n        transform: translate3d(0, 16px, 0) scale(1.025);\n      }\n    }\n\n    \/* =========================================================\n       CONTAINER QUERY SUPPORT\n       ========================================================= *\/\n\n    @container glowcode-product (max-width: 760px) {\n      .fg-glowcode-product__grid {\n        grid-template-columns: 1fr;\n      }\n\n      .fg-glowcode-product__title {\n        font-size: clamp(34px, 9cqw, 54px);\n      }\n    }\n\n    @container glowcode-product (max-width: 520px) {\n      .fg-glowcode-product {\n        padding: 18px;\n        border-radius: 25px;\n      }\n\n      .fg-glowcode-product__hero {\n        margin-bottom: 26px;\n      }\n\n      .fg-glowcode-product__card {\n        gap: 13px;\n        padding: 18px;\n        border-radius: 19px;\n      }\n\n      .fg-glowcode-product__icon {\n        width: 43px;\n        height: 43px;\n        border-radius: 13px;\n        font-size: 19px;\n      }\n\n      .fg-glowcode-product__card-title {\n        font-size: 14px;\n      }\n\n      .fg-glowcode-product__card-text {\n        font-size: 13px;\n      }\n    }\n\n    @container glowcode-product (max-width: 390px) {\n      .fg-glowcode-product {\n        padding: 14px;\n        border-radius: 21px;\n      }\n\n      .fg-glowcode-product__title {\n        font-size: 32px;\n      }\n\n      .fg-glowcode-product__intro {\n        font-size: 14px;\n        line-height: 1.7;\n      }\n\n      .fg-glowcode-product__ritual {\n        display: block;\n        font-size: 17px;\n        line-height: 1.8;\n      }\n\n      .fg-glowcode-product__ritual span {\n        display: block;\n      }\n\n      .fg-glowcode-product__ritual\n      span:not(:last-child)::after {\n        display: none;\n      }\n\n      .fg-glowcode-product__card {\n        padding: 15px;\n      }\n    }\n\n    \/* =========================================================\n       STANDARD VIEWPORT FALLBACKS\n       ========================================================= *\/\n\n    @media screen and (max-width: 900px) {\n      .fg-glowcode-product {\n        padding: 28px;\n      }\n\n      .fg-glowcode-product__grid {\n        gap: 14px;\n      }\n    }\n\n    @media screen and (max-width: 749px) {\n      .fg-glowcode-product {\n        padding: 22px;\n        border-radius: 26px;\n      }\n\n      .fg-glowcode-product__grid {\n        grid-template-columns: 1fr;\n      }\n\n      .fg-glowcode-product__title {\n        font-size: clamp(36px, 10vw, 54px);\n      }\n\n      .fg-glowcode-product__intro {\n        line-height: 1.7;\n      }\n    }\n\n    @media screen and (max-width: 480px) {\n      .fg-glowcode-product {\n        padding: 16px;\n        border-radius: 22px;\n      }\n\n      .fg-glowcode-product__eyebrow {\n        margin-bottom: 15px;\n        padding: 8px 11px;\n        font-size: 10px;\n      }\n\n      .fg-glowcode-product__title {\n        font-size: clamp(31px, 10.5vw, 42px);\n      }\n\n      .fg-glowcode-product__intro {\n        margin-top: 18px;\n        font-size: 14px;\n      }\n\n      .fg-glowcode-product__ritual {\n        margin-top: 18px;\n      }\n\n      .fg-glowcode-product__card {\n        gap: 12px;\n        padding: 16px;\n      }\n\n      .fg-glowcode-product__footer {\n        padding: 21px 16px;\n      }\n\n      .fg-glowcode-product::before {\n        width: 250px;\n        height: 250px;\n        top: -130px;\n        right: -120px;\n      }\n\n      .fg-glowcode-product::after {\n        width: 230px;\n        height: 230px;\n        bottom: -130px;\n        left: -120px;\n      }\n    }\n\n    \/* =========================================================\n       REDUCED MOTION \/ ACCESSIBILITY\n       ========================================================= *\/\n\n    @media (prefers-reduced-motion: reduce) {\n      .fg-glowcode-product *,\n      .fg-glowcode-product *::before,\n      .fg-glowcode-product *::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-glowcode-product__card {\n        opacity: 1;\n        transform: none;\n      }\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"fg-glowcode-product__luxury-layer\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"fg-glowcode-product__hero\"\u003e\n    \u003cdiv class=\"fg-glowcode-product__eyebrow\"\u003e\n      \u003cspan\u003e✨\u003c\/span\u003e\n      GlowCode Retinol Facial Serum\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"fg-glowcode-product__title\"\u003e\n      Firmer. Smoother.\u003cbr\u003e\n      \u003cspan\u003eVisibly Younger-Looking Skin. Every Morning.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp class=\"fg-glowcode-product__intro\"\u003e\n      The \u003cstrong\u003eGlowCode Retinol Facial Serum\u003c\/strong\u003e is your skin’s nightly\n      reset. A potent triple-active formula — Retinol, 5% Hyaluronic Acid, and\n      Collagen Peptide — works in harmony to resurface, plump, and deeply\n      hydrate while you sleep. Wake up to skin that feels noticeably firmer,\n      looks visibly smoother, and glows with the kind of dewy, milk-skin\n      radiance that no filter can replicate.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"fg-glowcode-product__ritual\" aria-label=\"GlowCode nightly skincare ritual\"\u003e\n      \u003cspan\u003eDrop it.\u003c\/span\u003e\n      \u003cspan\u003eSleep.\u003c\/span\u003e\n      \u003cspan\u003eWake up to your best skin.\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"fg-glowcode-product__grid\"\u003e\n\n    \u003cdiv class=\"fg-glowcode-product__card\"\u003e\n      \u003cdiv class=\"fg-glowcode-product__icon\" aria-hidden=\"true\"\u003e\n        ✨\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fg-glowcode-product__card-content\"\u003e\n        \u003ch3 class=\"fg-glowcode-product__card-title\"\u003e\n          Visibly firmer, more elastic skin\n        \u003c\/h3\u003e\n\n        \u003cp class=\"fg-glowcode-product__card-text\"\u003e\n          Retinol accelerates cell renewal for a smoother, more youthful\n          complexion over time.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fg-glowcode-product__card\"\u003e\n      \u003cdiv class=\"fg-glowcode-product__icon\" aria-hidden=\"true\"\u003e\n        💧\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fg-glowcode-product__card-content\"\u003e\n        \u003ch3 class=\"fg-glowcode-product__card-title\"\u003e\n          Deep, lasting hydration\n        \u003c\/h3\u003e\n\n        \u003cp class=\"fg-glowcode-product__card-text\"\u003e\n          5% Hyaluronic Acid floods the skin with moisture and locks it in all\n          night.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fg-glowcode-product__card\"\u003e\n      \u003cdiv class=\"fg-glowcode-product__icon\" aria-hidden=\"true\"\u003e\n        🧬\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fg-glowcode-product__card-content\"\u003e\n        \u003ch3 class=\"fg-glowcode-product__card-title\"\u003e\n          Collagen Peptide support\n        \u003c\/h3\u003e\n\n        \u003cp class=\"fg-glowcode-product__card-text\"\u003e\n          Helps maintain skin’s structural integrity for a plumper, more\n          supple texture.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fg-glowcode-product__card\"\u003e\n      \u003cdiv class=\"fg-glowcode-product__icon\" aria-hidden=\"true\"\u003e\n        👁️\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fg-glowcode-product__card-content\"\u003e\n        \u003ch3 class=\"fg-glowcode-product__card-title\"\u003e\n          Reduces the appearance of fine lines \u0026amp; dark circles\n        \u003c\/h3\u003e\n\n        \u003cp class=\"fg-glowcode-product__card-text\"\u003e\n          Targeted renewal where skin needs it most.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fg-glowcode-product__card\"\u003e\n      \u003cdiv class=\"fg-glowcode-product__icon\" aria-hidden=\"true\"\u003e\n        🥛\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fg-glowcode-product__card-content\"\u003e\n        \u003ch3 class=\"fg-glowcode-product__card-title\"\u003e\n          Milk-skin texture\n        \u003c\/h3\u003e\n\n        \u003cp class=\"fg-glowcode-product__card-text\"\u003e\n          Lightweight, non-sticky serum absorbs instantly without residue or\n          heaviness.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fg-glowcode-product__card\"\u003e\n      \u003cdiv class=\"fg-glowcode-product__icon\" aria-hidden=\"true\"\u003e\n        ✓\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fg-glowcode-product__card-content\"\u003e\n        \u003ch3 class=\"fg-glowcode-product__card-title\"\u003e\n          45ml\n        \u003c\/h3\u003e\n\n        \u003cp class=\"fg-glowcode-product__card-text\"\u003e\n          A generous, long-lasting supply for your daily ritual.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fg-glowcode-product__card\"\u003e\n      \u003cdiv class=\"fg-glowcode-product__icon\" aria-hidden=\"true\"\u003e\n        ✓\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fg-glowcode-product__card-content\"\u003e\n        \u003ch3 class=\"fg-glowcode-product__card-title\"\u003e\n          Suitable for all skin types\n        \u003c\/h3\u003e\n\n        \u003cp class=\"fg-glowcode-product__card-text\"\u003e\n          Including sensitive and mature skin.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fg-glowcode-product__card\"\u003e\n      \u003cdiv class=\"fg-glowcode-product__icon\" aria-hidden=\"true\"\u003e\n        ✓\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fg-glowcode-product__card-content\"\u003e\n        \u003ch3 class=\"fg-glowcode-product__card-title\"\u003e\n          Precision dropper\n        \u003c\/h3\u003e\n\n        \u003cp class=\"fg-glowcode-product__card-text\"\u003e\n          Dispense exactly what you need, nothing wasted.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"fg-glowcode-product__footer\"\u003e\n    \u003cp\u003e\n      Three powerhouse ingredients. One serum.\u003cbr\u003e\n      Skin that speaks for itself.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"Fearless Grace","offers":[{"title":"Default Title","offer_id":45948258418771,"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_10_2026_at_07_15_13_PM.png?v=1786382934"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0726\/0982\/4851\/collections\/sculpt-glow-collection.png?v=1785012909","url":"https:\/\/fearlessgrace.co.za\/collections\/skin-care.oembed","provider":"Fearless Grace","version":"1.0","type":"link"}