{"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","url":"https:\/\/fearlessgrace.co.za\/products\/sakuraglow-collagen-sheet-mask-10-pack","provider":"Fearless Grace","version":"1.0","type":"link"}