{"product_id":"solesilk-aloe-vera-foot-mask-5-pack","title":"SoleSilk – Aloe Vera Foot Mask (5-Pack)","description":"\u003csection class=\"fg-solesilk\" aria-labelledby=\"fg-solesilk-title\"\u003e\n  \u003cdiv class=\"fg-solesilk__orb fg-solesilk__orb--one\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"fg-solesilk__orb fg-solesilk__orb--two\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"fg-solesilk__container\"\u003e\n    \u003cheader class=\"fg-solesilk__hero\"\u003e\n      \u003cdiv class=\"fg-solesilk__eyebrow\"\u003e\n        SoleSilk Aloe Vera Foot Mask\n      \u003c\/div\u003e\n\n      \u003ch2 id=\"fg-solesilk-title\" class=\"fg-solesilk__title\"\u003e\n        Soft, Smooth, Sandal-Ready Feet.\n        \u003cspan\u003eIn 45 Minutes.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp class=\"fg-solesilk__intro\"\u003e\n        The SoleSilk Aloe Vera Foot Mask is your at-home pedicure in a sachet.\n        Slip on the sheet-sock mask, let the Aloe Vera essence work for 35–45\n        minutes, and step out with feet that feel deeply hydrated, exfoliated,\n        and noticeably softer — without a salon visit or a pumice stone in\n        sight. Five treatments, five moments of pure foot care bliss.\n      \u003c\/p\u003e\n\n      \u003cp class=\"fg-solesilk__mantra\"\u003e\n        Slip it on. Sit back. Step out softer.\n      \u003c\/p\u003e\n    \u003c\/header\u003e\n\n    \u003cdiv class=\"fg-solesilk__content\"\u003e\n      \u003carticle class=\"fg-solesilk__highlight\"\u003e\n        \u003cdiv class=\"fg-solesilk__number\"\u003e\n          35–45\n          \u003csmall\u003eMinutes of care\u003c\/small\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"fg-solesilk__highlight-copy\"\u003e\n          \u003ch3\u003eYour at-home pedicure ritual.\u003c\/h3\u003e\n\n          \u003cp\u003e\n            A snug, full-coverage sheet-sock treatment infused with Aloe Vera\n            essence to moisturise, hydrate, exfoliate, and firm your feet in one\n            effortless session.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003cdiv class=\"fg-solesilk__benefits\" role=\"list\" aria-label=\"SoleSilk Aloe Vera Foot Mask benefits\"\u003e\n        \u003carticle class=\"fg-solesilk__card\" role=\"listitem\"\u003e\n          \u003cdiv class=\"fg-solesilk__icon\" aria-hidden=\"true\"\u003e\n            01\n          \u003c\/div\u003e\n\n          \u003ch3\u003eVisibly softer feet after one use\u003c\/h3\u003e\n\n          \u003cp\u003e\n            Aloe Vera deeply hydrates and smooths rough, dry skin.\n          \u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"fg-solesilk__card\" role=\"listitem\"\u003e\n          \u003cdiv class=\"fg-solesilk__icon\" aria-hidden=\"true\"\u003e\n            02\n          \u003c\/div\u003e\n\n          \u003ch3\u003e4-in-1 treatment\u003c\/h3\u003e\n\n          \u003cp\u003e\n            Moisturises, hydrates, exfoliates, and firms in a single session.\n          \u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"fg-solesilk__card\" role=\"listitem\"\u003e\n          \u003cdiv class=\"fg-solesilk__icon\" aria-hidden=\"true\"\u003e\n            03\n          \u003c\/div\u003e\n\n          \u003ch3\u003eSheet-sock design\u003c\/h3\u003e\n\n          \u003cp\u003e\n            Fits snugly around the foot and ankle for full-coverage absorption.\n          \u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"fg-solesilk__card\" role=\"listitem\"\u003e\n          \u003cdiv class=\"fg-solesilk__icon\" aria-hidden=\"true\"\u003e\n            04\n          \u003c\/div\u003e\n\n          \u003ch3\u003eJust 35–45 minutes\u003c\/h3\u003e\n\n          \u003cp\u003e\n            Enough time to watch an episode, read a chapter, or simply do\n            nothing.\n          \u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"fg-solesilk__card\" role=\"listitem\"\u003e\n          \u003cdiv class=\"fg-solesilk__icon\" aria-hidden=\"true\"\u003e\n            05\n          \u003c\/div\u003e\n\n          \u003ch3\u003e5 individually wrapped sachets\u003c\/h3\u003e\n\n          \u003cp\u003e\n            Use weekly for consistently soft, smooth feet.\n          \u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"fg-solesilk__card\" role=\"listitem\"\u003e\n          \u003cdiv class=\"fg-solesilk__icon\" aria-hidden=\"true\"\u003e\n            06\n          \u003c\/div\u003e\n\n          \u003ch3\u003eCompact and travel-friendly\u003c\/h3\u003e\n\n          \u003cp\u003e\n            Toss a sachet in your bag for hotel nights or weekend getaways.\n          \u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"fg-solesilk__card\" role=\"listitem\"\u003e\n          \u003cdiv class=\"fg-solesilk__icon\" aria-hidden=\"true\"\u003e\n            07\n          \u003c\/div\u003e\n\n          \u003ch3\u003eA thoughtful, affordable gift\u003c\/h3\u003e\n\n          \u003cp\u003e\n            Perfect for self-care lovers and spa enthusiasts.\n          \u003c\/p\u003e\n        \u003c\/article\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cfooter class=\"fg-solesilk__closing\"\u003e\n      Because your feet carry you everywhere. Treat them accordingly.\n    \u003c\/footer\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n  \/* =========================================================\n     FEARLESS GRACE — SOLESILK\n     Shopify Custom Liquid and product-description compatible\n     ========================================================= *\/\n\n  .fg-solesilk {\n    --fg-ss-navy: #173e6c;\n    --fg-ss-deep-navy: #0d2b4c;\n    --fg-ss-champagne: #c9b39d;\n    --fg-ss-deep-champagne: #9b8068;\n    --fg-ss-ivory: #faf8f5;\n    --fg-ss-sage: #dfe6dd;\n    --fg-ss-text: #2d3340;\n    --fg-ss-white: #ffffff;\n\n    position: relative;\n    isolation: isolate;\n    display: block;\n    width: 100%;\n    max-width: 100%;\n    margin: 0;\n    padding:\n      clamp(72px, 8vw, 112px)\n      clamp(16px, 3vw, 24px);\n    overflow: hidden;\n    container-name: fg-solesilk;\n    container-type: inline-size;\n    color: var(--fg-ss-text);\n    background:\n      radial-gradient(\n        circle at 12% 18%,\n        rgba(201, 179, 157, 0.32),\n        transparent 30%\n      ),\n      radial-gradient(\n        circle at 88% 82%,\n        rgba(223, 230, 221, 0.55),\n        transparent 32%\n      ),\n      linear-gradient(\n        145deg,\n        #fffdf9 0%,\n        #f7f0e9 48%,\n        #eef3ef 100%\n      );\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 16px;\n    line-height: 1.5;\n    text-align: left;\n    white-space: normal;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    text-rendering: optimizeLegibility;\n  }\n\n  .fg-solesilk,\n  .fg-solesilk *,\n  .fg-solesilk *::before,\n  .fg-solesilk *::after {\n    box-sizing: border-box;\n  }\n\n  .fg-solesilk h2,\n  .fg-solesilk h3,\n  .fg-solesilk p,\n  .fg-solesilk span,\n  .fg-solesilk small,\n  .fg-solesilk article,\n  .fg-solesilk header,\n  .fg-solesilk footer {\n    max-width: none;\n  }\n\n  .fg-solesilk h2,\n  .fg-solesilk h3,\n  .fg-solesilk p {\n    padding: 0;\n    border: 0;\n  }\n\n  .fg-solesilk__orb {\n    position: absolute;\n    z-index: 0;\n    border-radius: 50%;\n    pointer-events: none;\n    filter: blur(2px);\n    opacity: 0.55;\n    animation: fgSoleSilkFloat 9s ease-in-out infinite;\n    will-change: transform;\n  }\n\n  .fg-solesilk__orb--one {\n    top: -90px;\n    right: -60px;\n    width: 260px;\n    height: 260px;\n    background: rgba(201, 179, 157, 0.32);\n  }\n\n  .fg-solesilk__orb--two {\n    bottom: -70px;\n    left: -35px;\n    width: 190px;\n    height: 190px;\n    background: rgba(23, 62, 108, 0.1);\n    animation-delay: -4s;\n  }\n\n  .fg-solesilk__container {\n    position: relative;\n    z-index: 2;\n    width: 100%;\n    max-width: 1180px;\n    margin: 0 auto;\n  }\n\n  .fg-solesilk__hero {\n    width: 100%;\n    max-width: 900px;\n    margin: 0 auto 58px;\n    text-align: center;\n    animation: fgSoleSilkReveal 0.9s ease both;\n  }\n\n  .fg-solesilk__eyebrow {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    max-width: 100%;\n    margin: 0 0 22px;\n    color: var(--fg-ss-navy);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.22em;\n    line-height: 1.5;\n    text-align: center;\n    text-transform: uppercase;\n    overflow-wrap: anywhere;\n  }\n\n  .fg-solesilk__eyebrow::before,\n  .fg-solesilk__eyebrow::after {\n    content: \"\";\n    flex: 0 0 36px;\n    width: 36px;\n    height: 1px;\n  }\n\n  .fg-solesilk__eyebrow::before {\n    background:\n      linear-gradient(\n        90deg,\n        transparent,\n        var(--fg-ss-champagne)\n      );\n  }\n\n  .fg-solesilk__eyebrow::after {\n    background:\n      linear-gradient(\n        90deg,\n        var(--fg-ss-champagne),\n        transparent\n      );\n  }\n\n  .fg-solesilk__title {\n    margin: 0;\n    color: var(--fg-ss-navy);\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: clamp(40px, 6vw, 72px);\n    font-weight: 700;\n    line-height: 1.02;\n    letter-spacing: -0.045em;\n    overflow-wrap: break-word;\n  }\n\n  .fg-solesilk__title span {\n    display: block;\n    margin-top: 12px;\n    color: var(--fg-ss-champagne);\n    font-family: Georgia, \"Times New Roman\", Times, serif;\n    font-size: 0.78em;\n    font-style: italic;\n    font-weight: 400;\n    letter-spacing: -0.025em;\n  }\n\n  .fg-solesilk__intro {\n    width: 100%;\n    max-width: 790px;\n    margin: 28px auto 0;\n    color: rgba(45, 51, 64, 0.78);\n    font-size: clamp(16px, 2vw, 19px);\n    line-height: 1.8;\n    overflow-wrap: break-word;\n  }\n\n  .fg-solesilk__mantra {\n    display: inline-block;\n    max-width: 100%;\n    margin: 28px 0 0;\n    padding: 13px 23px;\n    border: 1px solid rgba(201, 179, 157, 0.65);\n    border-radius: 999px;\n    background: rgba(255, 255, 255, 0.58);\n    color: var(--fg-ss-navy);\n    box-shadow: 0 10px 30px rgba(23, 62, 108, 0.07);\n    font-size: 14px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    line-height: 1.5;\n    overflow-wrap: anywhere;\n    -webkit-backdrop-filter: blur(10px);\n    backdrop-filter: blur(10px);\n    animation: fgSoleSilkPulse 4s ease-in-out infinite;\n  }\n\n  .fg-solesilk__content {\n    display: grid;\n    grid-template-columns:\n      minmax(0, 0.85fr)\n      minmax(0, 1.15fr);\n    align-items: stretch;\n    gap: 28px;\n    width: 100%;\n  }\n\n  .fg-solesilk__highlight,\n  .fg-solesilk__benefits {\n    min-width: 0;\n    border: 1px solid rgba(255, 255, 255, 0.72);\n    border-radius: 30px;\n    background: rgba(255, 255, 255, 0.68);\n    box-shadow:\n      0 24px 70px rgba(23, 62, 108, 0.1),\n      inset 0 1px 0 rgba(255, 255, 255, 0.92);\n    -webkit-backdrop-filter: blur(16px);\n    backdrop-filter: blur(16px);\n  }\n\n  .fg-solesilk__highlight {\n    position: relative;\n    display: flex;\n    min-height: 100%;\n    margin: 0;\n    padding: 42px;\n    overflow: hidden;\n    flex-direction: column;\n    justify-content: space-between;\n    animation: fgSoleSilkReveal 0.9s 0.16s ease both;\n  }\n\n  .fg-solesilk__highlight::before {\n    content: \"\";\n    position: absolute;\n    top: -105px;\n    right: -95px;\n    width: 220px;\n    height: 220px;\n    border-radius: 50%;\n    pointer-events: none;\n    background:\n      radial-gradient(\n        circle,\n        rgba(201, 179, 157, 0.38),\n        transparent 70%\n      );\n  }\n\n  .fg-solesilk__number {\n    position: relative;\n    z-index: 1;\n    color: var(--fg-ss-navy);\n    font-family: Georgia, \"Times New Roman\", Times, serif;\n    font-size: clamp(76px, 12vw, 125px);\n    line-height: 0.85;\n    letter-spacing: -0.07em;\n    overflow-wrap: break-word;\n  }\n\n  .fg-solesilk__number small {\n    display: block;\n    margin-top: 17px;\n    color: var(--fg-ss-champagne);\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 17px;\n    font-style: normal;\n    font-weight: 700;\n    letter-spacing: 0.15em;\n    line-height: 1.4;\n    text-transform: uppercase;\n  }\n\n  .fg-solesilk__highlight-copy {\n    position: relative;\n    z-index: 1;\n    margin-top: 65px;\n  }\n\n  .fg-solesilk__highlight-copy h3 {\n    margin: 0 0 14px;\n    color: var(--fg-ss-navy);\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: clamp(25px, 3vw, 35px);\n    font-weight: 700;\n    line-height: 1.15;\n    letter-spacing: -0.025em;\n    overflow-wrap: break-word;\n  }\n\n  .fg-solesilk__highlight-copy p {\n    margin: 0;\n    color: rgba(45, 51, 64, 0.72);\n    font-size: 16px;\n    line-height: 1.75;\n    overflow-wrap: break-word;\n  }\n\n  .fg-solesilk__benefits {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    padding: 14px;\n    animation: fgSoleSilkReveal 0.9s 0.28s ease both;\n  }\n\n  .fg-solesilk__card {\n    position: relative;\n    min-width: 0;\n    margin: 0;\n    padding: 28px 26px;\n    border: 1px solid transparent;\n    border-radius: 22px;\n    background: transparent;\n    transform: translateZ(0);\n    transition:\n      transform 0.35s ease,\n      background 0.35s ease,\n      border-color 0.35s ease,\n      box-shadow 0.35s ease;\n    animation: fgSoleSilkCardReveal 0.7s ease both;\n  }\n\n  .fg-solesilk__card:nth-child(1) {\n    animation-delay: 0.32s;\n  }\n\n  .fg-solesilk__card:nth-child(2) {\n    animation-delay: 0.39s;\n  }\n\n  .fg-solesilk__card:nth-child(3) {\n    animation-delay: 0.46s;\n  }\n\n  .fg-solesilk__card:nth-child(4) {\n    animation-delay: 0.53s;\n  }\n\n  .fg-solesilk__card:nth-child(5) {\n    animation-delay: 0.6s;\n  }\n\n  .fg-solesilk__card:nth-child(6) {\n    animation-delay: 0.67s;\n  }\n\n  .fg-solesilk__card:nth-child(7) {\n    animation-delay: 0.74s;\n  }\n\n  .fg-solesilk__icon {\n    display: grid;\n    width: 44px;\n    height: 44px;\n    margin: 0 0 19px;\n    place-items: center;\n    border: 1px solid rgba(201, 179, 157, 0.5);\n    border-radius: 14px;\n    background:\n      linear-gradient(\n        145deg,\n        #ffffff,\n        #f2e9df\n      );\n    color: var(--fg-ss-navy);\n    box-shadow: 0 8px 18px rgba(23, 62, 108, 0.07);\n    font-family: Georgia, \"Times New Roman\", Times, serif;\n    font-size: 15px;\n    font-style: italic;\n    font-weight: 700;\n    line-height: 1;\n    transition:\n      color 0.35s ease,\n      background 0.35s ease,\n      transform 0.35s ease;\n  }\n\n  .fg-solesilk__card h3 {\n    margin: 0 0 9px;\n    color: var(--fg-ss-navy);\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 17px;\n    font-weight: 700;\n    line-height: 1.35;\n    letter-spacing: 0;\n    overflow-wrap: break-word;\n  }\n\n  .fg-solesilk__card p {\n    margin: 0;\n    color: rgba(45, 51, 64, 0.7);\n    font-size: 14px;\n    line-height: 1.65;\n    overflow-wrap: break-word;\n  }\n\n  .fg-solesilk__closing {\n    position: relative;\n    width: 100%;\n    max-width: 850px;\n    margin: 54px auto 0;\n    padding: 33px 28px;\n    color: var(--fg-ss-navy);\n    font-family: Georgia, \"Times New Roman\", Times, serif;\n    font-size: clamp(24px, 3vw, 35px);\n    font-style: italic;\n    line-height: 1.45;\n    text-align: center;\n    overflow-wrap: break-word;\n    animation: fgSoleSilkReveal 0.9s 0.7s ease both;\n  }\n\n  .fg-solesilk__closing::before {\n    content: \"\";\n    display: block;\n    width: 76px;\n    height: 2px;\n    margin: 0 auto 25px;\n    background:\n      linear-gradient(\n        90deg,\n        transparent,\n        var(--fg-ss-champagne),\n        transparent\n      );\n  }\n\n  \/* Safe hover effects only run with a genuine hover pointer. *\/\n\n  @media (hover: hover) and (pointer: fine) {\n    .fg-solesilk__card:hover {\n      transform: translateY(-6px);\n      border-color: rgba(201, 179, 157, 0.22);\n      background: rgba(250, 248, 245, 0.92);\n      box-shadow: 0 16px 35px rgba(23, 62, 108, 0.08);\n    }\n\n    .fg-solesilk__card:hover .fg-solesilk__icon {\n      color: var(--fg-ss-white);\n      background:\n        linear-gradient(\n          145deg,\n          var(--fg-ss-champagne),\n          var(--fg-ss-navy)\n        );\n      transform: rotate(-5deg) scale(1.08);\n    }\n\n    .fg-solesilk__highlight {\n      transition:\n        transform 0.4s ease,\n        border-color 0.4s ease,\n        box-shadow 0.4s ease;\n    }\n\n    .fg-solesilk__highlight:hover {\n      transform: translateY(-5px);\n      border-color: rgba(201, 179, 157, 0.45);\n      box-shadow:\n        0 30px 78px rgba(23, 62, 108, 0.14),\n        inset 0 1px 0 rgba(255, 255, 255, 0.96);\n    }\n  }\n\n  .fg-solesilk :focus-visible {\n    outline: 3px solid rgba(23, 62, 108, 0.55);\n    outline-offset: 4px;\n  }\n\n  @keyframes fgSoleSilkReveal {\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 fgSoleSilkCardReveal {\n    from {\n      opacity: 0;\n      transform: translateY(18px) scale(0.97);\n    }\n\n    to {\n      opacity: 1;\n      transform: translateY(0) scale(1);\n    }\n  }\n\n  @keyframes fgSoleSilkFloat {\n    0%,\n    100% {\n      transform: translate3d(0, 0, 0) scale(1);\n    }\n\n    50% {\n      transform: translate3d(12px, 18px, 0) scale(1.05);\n    }\n  }\n\n  @keyframes fgSoleSilkPulse {\n    0%,\n    100% {\n      box-shadow: 0 10px 30px rgba(23, 62, 108, 0.07);\n    }\n\n    50% {\n      box-shadow: 0 14px 38px rgba(201, 179, 157, 0.24);\n    }\n  }\n\n  \/* =========================================================\n     STANDARD VIEWPORT FALLBACKS\n     Used when container queries are unavailable.\n     ========================================================= *\/\n\n  @media screen and (max-width: 990px) {\n    .fg-solesilk {\n      padding:\n        clamp(68px, 8vw, 92px)\n        clamp(17px, 3vw, 22px);\n    }\n\n    .fg-solesilk__content {\n      grid-template-columns: 1fr;\n    }\n\n    .fg-solesilk__highlight {\n      min-height: 410px;\n    }\n\n    .fg-solesilk__number {\n      font-size: clamp(80px, 14vw, 118px);\n    }\n  }\n\n  @media screen and (max-width: 749px) {\n    .fg-solesilk {\n      padding: 62px 15px;\n    }\n\n    .fg-solesilk__hero {\n      margin-bottom: 42px;\n    }\n\n    .fg-solesilk__title {\n      font-size: clamp(38px, 11vw, 55px);\n      line-height: 1.04;\n    }\n\n    .fg-solesilk__intro {\n      margin-top: 24px;\n      font-size: 16px;\n      line-height: 1.75;\n    }\n\n    .fg-solesilk__content {\n      gap: 18px;\n    }\n\n    .fg-solesilk__highlight {\n      min-height: auto;\n      padding: 34px 28px;\n      border-radius: 25px;\n    }\n\n    .fg-solesilk__highlight-copy {\n      margin-top: 48px;\n    }\n\n    .fg-solesilk__benefits {\n      border-radius: 25px;\n    }\n\n    .fg-solesilk__closing {\n      margin-top: 40px;\n      padding: 25px 18px;\n    }\n  }\n\n  @media screen and (max-width: 640px) {\n    .fg-solesilk {\n      padding: 58px 14px;\n    }\n\n    .fg-solesilk__eyebrow {\n      gap: 8px;\n      font-size: 10px;\n      letter-spacing: 0.16em;\n    }\n\n    .fg-solesilk__eyebrow::before,\n    .fg-solesilk__eyebrow::after {\n      flex-basis: 24px;\n      width: 24px;\n    }\n\n    .fg-solesilk__title {\n      font-size: clamp(36px, 11vw, 48px);\n    }\n\n    .fg-solesilk__intro {\n      font-size: 15px;\n      line-height: 1.72;\n    }\n\n    .fg-solesilk__mantra {\n      padding: 11px 17px;\n      font-size: 12px;\n      letter-spacing: 0.05em;\n    }\n\n    .fg-solesilk__benefits {\n      grid-template-columns: 1fr;\n      padding: 10px;\n    }\n\n    .fg-solesilk__card {\n      padding: 24px 20px;\n    }\n\n    .fg-solesilk__closing {\n      margin-top: 38px;\n      padding: 22px 16px;\n    }\n  }\n\n  @media screen and (max-width: 420px) {\n    .fg-solesilk {\n      padding: 52px 12px;\n    }\n\n    .fg-solesilk__hero {\n      margin-bottom: 36px;\n    }\n\n    .fg-solesilk__eyebrow::before,\n    .fg-solesilk__eyebrow::after {\n      display: none;\n    }\n\n    .fg-solesilk__title {\n      font-size: 34px;\n    }\n\n    .fg-solesilk__intro {\n      font-size: 14px;\n      line-height: 1.68;\n    }\n\n    .fg-solesilk__mantra {\n      width: 100%;\n      border-radius: 18px;\n    }\n\n    .fg-solesilk__highlight {\n      padding: 29px 21px;\n    }\n\n    .fg-solesilk__number {\n      font-size: 68px;\n    }\n\n    .fg-solesilk__number small {\n      font-size: 13px;\n      letter-spacing: 0.12em;\n    }\n\n    .fg-solesilk__highlight-copy h3 {\n      font-size: 25px;\n    }\n\n    .fg-solesilk__highlight-copy p {\n      font-size: 14px;\n    }\n\n    .fg-solesilk__card {\n      padding: 22px 18px;\n    }\n\n    .fg-solesilk__closing {\n      font-size: 24px;\n    }\n  }\n\n  \/* =========================================================\n     CONTAINER QUERIES\n     Respond to the section's width instead of viewport width.\n     Useful inside Shopify product-information columns.\n     ========================================================= *\/\n\n  @supports (container-type: inline-size) {\n    @container fg-solesilk (max-width: 900px) {\n      .fg-solesilk__content {\n        grid-template-columns: 1fr;\n      }\n\n      .fg-solesilk__highlight {\n        min-height: 410px;\n      }\n\n      .fg-solesilk__number {\n        font-size: clamp(80px, 14cqw, 118px);\n      }\n    }\n\n    @container fg-solesilk (max-width: 720px) {\n      .fg-solesilk {\n        padding: 62px 15px;\n      }\n\n      .fg-solesilk__hero {\n        margin-bottom: 42px;\n      }\n\n      .fg-solesilk__title {\n        font-size: clamp(38px, 10cqw, 54px);\n        line-height: 1.04;\n      }\n\n      .fg-solesilk__intro {\n        margin-top: 24px;\n        font-size: 16px;\n        line-height: 1.75;\n      }\n\n      .fg-solesilk__content {\n        gap: 18px;\n      }\n\n      .fg-solesilk__highlight {\n        min-height: auto;\n        padding: 34px 28px;\n        border-radius: 25px;\n      }\n\n      .fg-solesilk__highlight-copy {\n        margin-top: 48px;\n      }\n\n      .fg-solesilk__benefits {\n        border-radius: 25px;\n      }\n\n      .fg-solesilk__closing {\n        margin-top: 40px;\n        padding: 25px 18px;\n      }\n    }\n\n    \/* Narrow Shopify product-description column. *\/\n\n    @container fg-solesilk (max-width: 560px) {\n      .fg-solesilk {\n        padding: 56px 14px;\n      }\n\n      .fg-solesilk__eyebrow {\n        gap: 8px;\n        font-size: 10px;\n        letter-spacing: 0.16em;\n      }\n\n      .fg-solesilk__eyebrow::before,\n      .fg-solesilk__eyebrow::after {\n        flex-basis: 24px;\n        width: 24px;\n      }\n\n      .fg-solesilk__title {\n        font-size: clamp(35px, 10cqw, 47px);\n      }\n\n      .fg-solesilk__intro {\n        font-size: 15px;\n        line-height: 1.7;\n      }\n\n      .fg-solesilk__mantra {\n        padding: 11px 17px;\n        font-size: 12px;\n        letter-spacing: 0.05em;\n      }\n\n      .fg-solesilk__benefits {\n        grid-template-columns: 1fr;\n        padding: 10px;\n      }\n\n      .fg-solesilk__card {\n        padding: 24px 20px;\n      }\n\n      .fg-solesilk__closing {\n        margin-top: 38px;\n        padding: 22px 16px;\n        font-size: clamp(24px, 6cqw, 31px);\n      }\n    }\n\n    \/* Very narrow product blocks, accordions and sidebars. *\/\n\n    @container fg-solesilk (max-width: 390px) {\n      .fg-solesilk {\n        padding: 48px 12px;\n      }\n\n      .fg-solesilk__hero {\n        margin-bottom: 34px;\n      }\n\n      .fg-solesilk__eyebrow::before,\n      .fg-solesilk__eyebrow::after {\n        display: none;\n      }\n\n      .fg-solesilk__title {\n        font-size: 32px;\n      }\n\n      .fg-solesilk__intro {\n        font-size: 14px;\n        line-height: 1.65;\n      }\n\n      .fg-solesilk__mantra {\n        width: 100%;\n        border-radius: 18px;\n      }\n\n      .fg-solesilk__highlight {\n        padding: 27px 18px;\n      }\n\n      .fg-solesilk__number {\n        font-size: 64px;\n      }\n\n      .fg-solesilk__number small {\n        font-size: 12px;\n        letter-spacing: 0.1em;\n      }\n\n      .fg-solesilk__highlight-copy {\n        margin-top: 40px;\n      }\n\n      .fg-solesilk__highlight-copy h3 {\n        font-size: 23px;\n      }\n\n      .fg-solesilk__highlight-copy p {\n        font-size: 14px;\n      }\n\n      .fg-solesilk__card {\n        padding: 21px 17px;\n      }\n\n      .fg-solesilk__icon {\n        width: 40px;\n        height: 40px;\n      }\n\n      .fg-solesilk__closing {\n        padding-right: 10px;\n        padding-left: 10px;\n        font-size: 23px;\n      }\n    }\n  }\n\n  \/* =========================================================\n     TOUCH DEVICE SUPPORT\n     Prevents hover effects becoming stuck after tapping.\n     ========================================================= *\/\n\n  @media (hover: none), (pointer: coarse) {\n    .fg-solesilk__card,\n    .fg-solesilk__icon,\n    .fg-solesilk__highlight {\n      transition-duration: 0.2s;\n    }\n\n    .fg-solesilk__card:active,\n    .fg-solesilk__highlight:active {\n      transform: scale(0.99);\n    }\n  }\n\n  \/* =========================================================\n     REDUCED MOTION SUPPORT\n     Keeps the layout while removing decorative movement.\n     ========================================================= *\/\n\n  @media (prefers-reduced-motion: reduce) {\n    .fg-solesilk,\n    .fg-solesilk *,\n    .fg-solesilk *::before,\n    .fg-solesilk *::after {\n      scroll-behavior: auto !important;\n      animation: none !important;\n      transition-duration: 0.01ms !important;\n      transition-delay: 0ms !important;\n    }\n\n    .fg-solesilk__hero,\n    .fg-solesilk__highlight,\n    .fg-solesilk__benefits,\n    .fg-solesilk__card,\n    .fg-solesilk__closing {\n      opacity: 1 !important;\n      transform: none !important;\n    }\n  }\n\n  \/* =========================================================\n     BACKDROP-FILTER FALLBACK\n     Keeps content readable in older browsers.\n     ========================================================= *\/\n\n  @supports not (\n    (backdrop-filter: blur(16px)) or\n    (-webkit-backdrop-filter: blur(16px))\n  ) {\n    .fg-solesilk__highlight,\n    .fg-solesilk__benefits {\n      background: rgba(255, 255, 255, 0.94);\n    }\n\n    .fg-solesilk__mantra {\n      background: rgba(255, 255, 255, 0.9);\n    }\n  }\n\n  \/* =========================================================\n     HIGH-CONTRAST AND FORCED-COLOUR SUPPORT\n     ========================================================= *\/\n\n  @media (forced-colors: active) {\n    .fg-solesilk,\n    .fg-solesilk__highlight,\n    .fg-solesilk__benefits,\n    .fg-solesilk__card,\n    .fg-solesilk__icon,\n    .fg-solesilk__mantra {\n      border: 1px solid CanvasText;\n      background: Canvas;\n      color: CanvasText;\n      box-shadow: none;\n    }\n\n    .fg-solesilk__orb,\n    .fg-solesilk__highlight::before {\n      display: none;\n    }\n\n    .fg-solesilk__title,\n    .fg-solesilk__title span,\n    .fg-solesilk__intro,\n    .fg-solesilk__eyebrow,\n    .fg-solesilk__number,\n    .fg-solesilk__number small,\n    .fg-solesilk__highlight-copy h3,\n    .fg-solesilk__highlight-copy p,\n    .fg-solesilk__card h3,\n    .fg-solesilk__card p,\n    .fg-solesilk__closing {\n      color: CanvasText;\n    }\n  }\n\n  \/* =========================================================\n     PRINT-SAFE FALLBACK\n     ========================================================= *\/\n\n  @media print {\n    .fg-solesilk {\n      padding: 30px 0;\n      overflow: visible;\n      background: #ffffff;\n      color: #000000;\n    }\n\n    .fg-solesilk__orb,\n    .fg-solesilk__highlight::before {\n      display: none;\n    }\n\n    .fg-solesilk__hero,\n    .fg-solesilk__highlight,\n    .fg-solesilk__benefits,\n    .fg-solesilk__card,\n    .fg-solesilk__closing {\n      break-inside: avoid;\n      animation: none;\n      box-shadow: none;\n    }\n\n    .fg-solesilk__highlight,\n    .fg-solesilk__benefits,\n    .fg-solesilk__card,\n    .fg-solesilk__mantra {\n      border: 1px solid #000000;\n      background: #ffffff;\n    }\n\n    .fg-solesilk__title,\n    .fg-solesilk__title span,\n    .fg-solesilk__intro,\n    .fg-solesilk__eyebrow,\n    .fg-solesilk__number,\n    .fg-solesilk__number small,\n    .fg-solesilk__highlight-copy h3,\n    .fg-solesilk__highlight-copy p,\n    .fg-solesilk__card h3,\n    .fg-solesilk__card p,\n    .fg-solesilk__closing {\n      color: #000000;\n    }\n  }\n\u003c\/style\u003e","brand":"Fearless Grace","offers":[{"title":"Default Title","offer_id":45897204498515,"sku":null,"price":169.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0726\/0982\/4851\/files\/ChatGPT_Image_Aug_1_2026_at_05_41_39_PM_82fee7c7-2c81-47ae-a4bf-c7c52aa179c8.png?v=1785599334","url":"https:\/\/fearlessgrace.co.za\/products\/solesilk-aloe-vera-foot-mask-5-pack","provider":"Fearless Grace","version":"1.0","type":"link"}