{"product_id":"dreamsatin-5-piece-satin-sleep-set","title":"DreamSatin – 5-Piece Satin Look Sleep Set","description":"\u003c!-- DreamSatin 5-Piece Satin Sleep Set | Shopify Responsive Section --\u003e\n\u003csection class=\"fg-dreamsatin\"\u003e\n\u003cdiv class=\"fg-dreamsatin__orb fg-dreamsatin__orb--one\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fg-dreamsatin__orb fg-dreamsatin__orb--two\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fg-dreamsatin__orb fg-dreamsatin__orb--three\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"fg-dreamsatin__container\"\u003e\n\u003cheader class=\"fg-dreamsatin__header\"\u003e\u003cspan class=\"fg-dreamsatin__label\"\u003e DreamSatin 5-Piece Satin Look Sleep Set \u003c\/span\u003e\n\u003ch2 class=\"fg-dreamsatin__title\"\u003eWake Up to Better Hair. \u003cspan\u003eBetter Skin. Every Morning.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"fg-dreamsatin__description\"\u003eThe DreamSatin 5-Piece Satin Look Sleep Set transforms your nightly routine into a full beauty ritual. Made from polyester with a smooth, luxurious satin look and feel, each piece glides gently over your hair and skin while you sleep. Everything you need for a complete sleep beauty routine, beautifully matched and ready to gift.\u003c\/p\u003e\n\u003cp class=\"fg-dreamsatin__promise\"\u003eSleep beautifully. Wake up glowing.\u003c\/p\u003e\n\u003c\/header\u003e\n\u003cdiv class=\"fg-dreamsatin__features\"\u003e\n\u003carticle class=\"fg-dreamsatin__card\"\u003e\u003cspan class=\"fg-dreamsatin__number\"\u003e01\u003c\/span\u003e\n\u003cdiv class=\"fg-dreamsatin__card-content\"\u003e\n\u003ch3\u003eFrizz-Free Hair by Morning\u003c\/h3\u003e\n\u003cp\u003eSatin look bonnet and pillowcase reduce friction and lock in moisture overnight.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"fg-dreamsatin__card\"\u003e\u003cspan class=\"fg-dreamsatin__number\"\u003e02\u003c\/span\u003e\n\u003cdiv class=\"fg-dreamsatin__card-content\"\u003e\n\u003ch3\u003eSmoother, Clearer Skin\u003c\/h3\u003e\n\u003cp\u003eThe soft surface minimises sleep creases and irritation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"fg-dreamsatin__card\"\u003e\u003cspan class=\"fg-dreamsatin__number\"\u003e03\u003c\/span\u003e\n\u003cdiv class=\"fg-dreamsatin__card-content\"\u003e\n\u003ch3\u003eRested, Refreshed Eyes\u003c\/h3\u003e\n\u003cp\u003eEye mask blocks light gently without tugging delicate skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"fg-dreamsatin__card\"\u003e\u003cspan class=\"fg-dreamsatin__number\"\u003e04\u003c\/span\u003e\n\u003cdiv class=\"fg-dreamsatin__card-content\"\u003e\n\u003ch3\u003eComplete 5-Piece Set\u003c\/h3\u003e\n\u003cp\u003ePillowcase, bonnet, eye mask and two scrunchies all perfectly matched.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"fg-dreamsatin__card\"\u003e\u003cspan class=\"fg-dreamsatin__number\"\u003e05\u003c\/span\u003e\n\u003cdiv class=\"fg-dreamsatin__card-content\"\u003e\n\u003ch3\u003eShiny, Soft \u0026amp; Luxurious\u003c\/h3\u003e\n\u003cp\u003eFeels as good as it looks on your pillow.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"fg-dreamsatin__card\"\u003e\u003cspan class=\"fg-dreamsatin__number\"\u003e06\u003c\/span\u003e\n\u003cdiv class=\"fg-dreamsatin__card-content\"\u003e\n\u003ch3\u003ePerfect for Gifting\u003c\/h3\u003e\n\u003cp\u003eA complete beauty sleep kit, beautifully matched in one set.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-dreamsatin__colours\"\u003e\n\u003cdiv class=\"fg-dreamsatin__colours-heading\"\u003e\n\u003cspan\u003eChoose Your Shade\u003c\/span\u003e\n\u003ch3\u003eFour elegant colourways.\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-dreamsatin__colour-list\"\u003e\n\u003cspan class=\"fg-dreamsatin__colour\"\u003e \u003ci class=\"fg-dreamsatin__swatch fg-dreamsatin__swatch--burgundy\"\u003e\u003c\/i\u003e Burgundy \u003c\/span\u003e \u003cspan class=\"fg-dreamsatin__colour\"\u003e \u003ci class=\"fg-dreamsatin__swatch fg-dreamsatin__swatch--black\"\u003e\u003c\/i\u003e Black \u003c\/span\u003e \u003cspan class=\"fg-dreamsatin__colour\"\u003e \u003ci class=\"fg-dreamsatin__swatch fg-dreamsatin__swatch--white\"\u003e\u003c\/i\u003e White \u003c\/span\u003e \u003cspan class=\"fg-dreamsatin__colour\"\u003e \u003ci class=\"fg-dreamsatin__swatch fg-dreamsatin__swatch--blush\"\u003e\u003c\/i\u003e Blush Pink \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fg-dreamsatin__note\"\u003e\n\u003cspan class=\"fg-dreamsatin__note-mark\"\u003e * \u003c\/span\u003e\n\u003cp\u003ePlease note: pillowcase only pillow insert not included.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cfooter class=\"fg-dreamsatin__footer\"\u003e\u003cspan\u003eOne set.\u003c\/span\u003e \u003cspan\u003eFive pieces.\u003c\/span\u003e \u003cstrong\u003eEndless beauty sleep.\u003c\/strong\u003e\u003c\/footer\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n  .fg-dreamsatin {\n    --ds-navy: #173e6c;\n    --ds-deep-navy: #0c2747;\n    --ds-champagne: #c9b39d;\n    --ds-ivory: #faf8f5;\n    --ds-warm-white: #fffdfb;\n    --ds-burgundy: #6d1f35;\n    --ds-soft-burgundy: #a45f70;\n    --ds-blush: #d9aeb8;\n    --ds-soft-blush: #f3dfe3;\n    --ds-pale-blush: #fbf3f5;\n    --ds-white: #ffffff;\n    --ds-text: #35495e;\n    --ds-muted: rgba(53, 73, 94, 0.72);\n\n    position: relative;\n    isolation: isolate;\n    overflow: hidden;\n\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n\n    padding:\n      clamp(74px, 9vw, 132px)\n      clamp(16px, 3vw, 28px);\n\n    background:\n      radial-gradient(\n        circle at 8% 8%,\n        rgba(109, 31, 53, 0.14),\n        transparent 30%\n      ),\n      radial-gradient(\n        circle at 92% 92%,\n        rgba(201, 179, 157, 0.25),\n        transparent 34%\n      ),\n      linear-gradient(\n        145deg,\n        var(--ds-ivory) 0%,\n        var(--ds-warm-white) 50%,\n        var(--ds-pale-blush) 100%\n      );\n\n    color: var(--ds-text);\n\n    font-family:\n      Arial,\n      Helvetica,\n      sans-serif;\n\n    container-type: inline-size;\n    container-name: dreamSatin;\n  }\n\n  .fg-dreamsatin,\n  .fg-dreamsatin *,\n  .fg-dreamsatin *::before,\n  .fg-dreamsatin *::after {\n    box-sizing: border-box;\n  }\n\n  .fg-dreamsatin h2,\n  .fg-dreamsatin h3,\n  .fg-dreamsatin p {\n    padding: 0;\n  }\n\n  .fg-dreamsatin h2,\n  .fg-dreamsatin h3,\n  .fg-dreamsatin p,\n  .fg-dreamsatin span,\n  .fg-dreamsatin strong,\n  .fg-dreamsatin i,\n  .fg-dreamsatin div,\n  .fg-dreamsatin article,\n  .fg-dreamsatin header,\n  .fg-dreamsatin footer {\n    min-width: 0;\n    max-width: 100%;\n    word-break: normal;\n    overflow-wrap: break-word;\n  }\n\n  .fg-dreamsatin__container {\n    position: relative;\n    z-index: 2;\n\n    width: 100%;\n    max-width: 1120px;\n    min-width: 0;\n\n    margin: 0 auto;\n  }\n\n  .fg-dreamsatin__orb {\n    position: absolute;\n    z-index: 0;\n\n    border-radius: 50%;\n\n    filter: blur(34px);\n\n    pointer-events: none;\n\n    animation:\n      fgDreamSatinFloat 10s ease-in-out infinite;\n  }\n\n  .fg-dreamsatin__orb--one {\n    top: -230px;\n    right: -140px;\n\n    width: clamp(290px, 37vw, 400px);\n    height: clamp(290px, 37vw, 400px);\n\n    background: rgba(109, 31, 53, 0.24);\n  }\n\n  .fg-dreamsatin__orb--two {\n    bottom: -250px;\n    left: -150px;\n\n    width: clamp(310px, 40vw, 420px);\n    height: clamp(310px, 40vw, 420px);\n\n    background: rgba(23, 62, 108, 0.11);\n\n    animation-delay: -5s;\n  }\n\n  .fg-dreamsatin__orb--three {\n    top: 44%;\n    right: 4%;\n\n    width: clamp(130px, 20vw, 210px);\n    height: clamp(130px, 20vw, 210px);\n\n    background: rgba(217, 174, 184, 0.22);\n\n    animation-delay: -2.5s;\n  }\n\n  .fg-dreamsatin__header {\n    width: 100%;\n    max-width: 910px;\n    min-width: 0;\n\n    margin:\n      0 auto\n      clamp(44px, 6vw, 58px);\n\n    text-align: center;\n\n    animation:\n      fgDreamSatinReveal 0.9s ease both;\n  }\n\n  .fg-dreamsatin__label {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    max-width: 100%;\n\n    margin:\n      0 auto\n      22px;\n\n    padding:\n      10px\n      18px;\n\n    border: 1px solid rgba(109, 31, 53, 0.16);\n    border-radius: 999px;\n\n    background: rgba(255, 255, 255, 0.78);\n\n    color: var(--ds-burgundy);\n\n    box-shadow:\n      0 10px 35px rgba(23, 62, 108, 0.07);\n\n    font-size: clamp(9px, 1vw, 12px);\n    font-weight: 700;\n    line-height: 1.4;\n    letter-spacing: 0.17em;\n\n    text-align: center;\n    text-transform: uppercase;\n\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n\n    animation:\n      fgDreamSatinLabelGlow 4s ease-in-out infinite;\n  }\n\n  .fg-dreamsatin__title {\n    width: 100%;\n    max-width: 100%;\n\n    margin: 0;\n\n    color: var(--ds-deep-navy);\n\n    font-family:\n      Georgia,\n      \"Times New Roman\",\n      serif;\n\n    font-size: clamp(42px, 6.5vw, 80px);\n    font-weight: 400;\n    line-height: 1;\n    letter-spacing: -0.045em;\n\n    text-wrap: balance;\n  }\n\n  .fg-dreamsatin__title span {\n    display: block;\n\n    margin-top: 8px;\n\n    color: var(--ds-burgundy);\n\n    font-style: italic;\n    font-weight: 400;\n\n    animation:\n      fgDreamSatinTextGlow 3.5s ease-in-out infinite;\n  }\n\n  .fg-dreamsatin__description {\n    width: 100%;\n    max-width: 850px;\n\n    margin:\n      30px auto 0;\n\n    color: rgba(53, 73, 94, 0.82);\n\n    font-size: clamp(16px, 1.8vw, 19px);\n    line-height: 1.82;\n\n    text-wrap: pretty;\n  }\n\n  .fg-dreamsatin__promise {\n    position: relative;\n\n    display: inline-block;\n\n    max-width: 100%;\n\n    margin:\n      28px auto 0;\n\n    padding-bottom: 10px;\n\n    color: var(--ds-navy);\n\n    font-size: 15px;\n    font-weight: 700;\n    line-height: 1.5;\n    letter-spacing: 0.04em;\n\n    text-wrap: balance;\n  }\n\n  .fg-dreamsatin__promise::after {\n    content: \"\";\n    position: absolute;\n\n    right: 0;\n    bottom: 0;\n    left: 0;\n\n    height: 1px;\n\n    background: linear-gradient(\n      90deg,\n      transparent,\n      var(--ds-champagne),\n      transparent\n    );\n\n    animation:\n      fgDreamSatinLine 3s ease-in-out infinite;\n  }\n\n  .fg-dreamsatin__features {\n    display: grid;\n    grid-template-columns:\n      repeat(2, minmax(0, 1fr));\n\n    gap: 18px;\n\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .fg-dreamsatin__card {\n    position: relative;\n\n    display: flex;\n    align-items: flex-start;\n    gap: 20px;\n\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    min-height: 158px;\n\n    padding: 28px;\n\n    overflow: hidden;\n\n    border: 1px solid rgba(23, 62, 108, 0.1);\n    border-radius: 26px;\n\n    background: rgba(255, 255, 255, 0.78);\n\n    box-shadow:\n      0 20px 55px rgba(23, 62, 108, 0.075);\n\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n\n    transition:\n      transform 0.4s ease,\n      border-color 0.4s ease,\n      box-shadow 0.4s ease;\n\n    animation:\n      fgDreamSatinReveal 0.8s ease both;\n  }\n\n  .fg-dreamsatin__card:nth-child(1) {\n    animation-delay: 0.1s;\n  }\n\n  .fg-dreamsatin__card:nth-child(2) {\n    animation-delay: 0.2s;\n  }\n\n  .fg-dreamsatin__card:nth-child(3) {\n    animation-delay: 0.3s;\n  }\n\n  .fg-dreamsatin__card:nth-child(4) {\n    animation-delay: 0.4s;\n  }\n\n  .fg-dreamsatin__card:nth-child(5) {\n    animation-delay: 0.5s;\n  }\n\n  .fg-dreamsatin__card:nth-child(6) {\n    animation-delay: 0.6s;\n  }\n\n  .fg-dreamsatin__card::before {\n    content: \"\";\n    position: absolute;\n\n    top: -90%;\n    left: -65%;\n\n    width: 58%;\n    height: 280%;\n\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(255, 255, 255, 0.8),\n      transparent\n    );\n\n    transform: rotate(22deg);\n\n    transition:\n      left 0.75s ease;\n\n    pointer-events: none;\n  }\n\n  .fg-dreamsatin__card::after {\n    content: \"\";\n    position: absolute;\n\n    right: -35px;\n    bottom: -35px;\n\n    width: 110px;\n    height: 110px;\n\n    border-radius: 50%;\n\n    background: rgba(109, 31, 53, 0.07);\n\n    transition:\n      transform 0.4s ease;\n\n    pointer-events: none;\n  }\n\n  .fg-dreamsatin__number {\n    position: relative;\n    z-index: 1;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    width: 56px;\n    height: 56px;\n    flex: 0 0 56px;\n\n    border-radius: 18px;\n\n    background: linear-gradient(\n      145deg,\n      var(--ds-soft-blush),\n      var(--ds-white)\n    );\n\n    color: var(--ds-burgundy);\n\n    box-shadow:\n      inset 0 0 0 1px rgba(109, 31, 53, 0.16);\n\n    font-family:\n      Georgia,\n      \"Times New Roman\",\n      serif;\n\n    font-size: 16px;\n    font-style: italic;\n    line-height: 1;\n\n    transition:\n      transform 0.4s ease,\n      background 0.4s ease,\n      color 0.4s ease;\n  }\n\n  .fg-dreamsatin__card-content {\n    position: relative;\n    z-index: 1;\n\n    flex: 1 1 auto;\n\n    min-width: 0;\n  }\n\n  .fg-dreamsatin__card h3 {\n    margin:\n      4px\n      0\n      10px;\n\n    color: var(--ds-deep-navy);\n\n    font-family:\n      Georgia,\n      \"Times New Roman\",\n      serif;\n\n    font-size: clamp(20px, 1.9vw, 22px);\n    font-weight: 400;\n    line-height: 1.25;\n\n    text-wrap: balance;\n  }\n\n  .fg-dreamsatin__card p {\n    margin: 0;\n\n    color: var(--ds-muted);\n\n    font-size: 15px;\n    line-height: 1.7;\n\n    text-wrap: pretty;\n  }\n\n  .fg-dreamsatin__colours {\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n\n    margin-top: 22px;\n\n    padding:\n      clamp(28px, 5vw, 44px);\n\n    border: 1px solid rgba(201, 179, 157, 0.32);\n    border-radius: 28px;\n\n    background: rgba(255, 253, 251, 0.82);\n\n    box-shadow:\n      0 22px 58px rgba(23, 62, 108, 0.07);\n\n    text-align: center;\n\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n\n    animation:\n      fgDreamSatinReveal 0.9s 0.7s ease both;\n  }\n\n  .fg-dreamsatin__colours-heading {\n    width: 100%;\n    max-width: 100%;\n\n    margin-bottom: 24px;\n  }\n\n  .fg-dreamsatin__colours-heading \u003e span {\n    display: block;\n\n    margin-bottom: 8px;\n\n    color: var(--ds-champagne);\n\n    font-size: 11px;\n    font-weight: 700;\n    line-height: 1.5;\n    letter-spacing: 0.19em;\n\n    text-transform: uppercase;\n  }\n\n  .fg-dreamsatin__colours-heading h3 {\n    margin: 0;\n\n    color: var(--ds-deep-navy);\n\n    font-family:\n      Georgia,\n      \"Times New Roman\",\n      serif;\n\n    font-size: clamp(27px, 4vw, 40px);\n    font-weight: 400;\n    line-height: 1.2;\n\n    text-wrap: balance;\n  }\n\n  .fg-dreamsatin__colour-list {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 12px;\n\n    width: 100%;\n    max-width: 100%;\n  }\n\n  .fg-dreamsatin__colour {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n\n    max-width: 100%;\n\n    padding:\n      11px\n      16px;\n\n    border: 1px solid rgba(23, 62, 108, 0.08);\n    border-radius: 999px;\n\n    background: rgba(255, 255, 255, 0.86);\n\n    color: var(--ds-navy);\n\n    font-size: 13px;\n    font-weight: 700;\n    line-height: 1.4;\n\n    text-align: center;\n\n    transition:\n      transform 0.3s ease,\n      box-shadow 0.3s ease;\n  }\n\n  .fg-dreamsatin__swatch {\n    display: block;\n\n    width: 17px;\n    height: 17px;\n    flex: 0 0 17px;\n\n    border: 2px solid rgba(255, 255, 255, 0.9);\n    border-radius: 50%;\n\n    box-shadow:\n      0 0 0 1px rgba(23, 62, 108, 0.12);\n\n    animation:\n      fgDreamSatinSwatch 3s ease-in-out infinite;\n  }\n\n  .fg-dreamsatin__swatch--burgundy {\n    background: #6d1f35;\n  }\n\n  .fg-dreamsatin__swatch--black {\n    background: #171717;\n\n    animation-delay: -0.75s;\n  }\n\n  .fg-dreamsatin__swatch--white {\n    background: #f7f4ef;\n\n    animation-delay: -1.5s;\n  }\n\n  .fg-dreamsatin__swatch--blush {\n    background: #d9aeb8;\n\n    animation-delay: -2.25s;\n  }\n\n  .fg-dreamsatin__note {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n\n    margin-top: 18px;\n\n    padding:\n      17px\n      20px;\n\n    border: 1px solid rgba(109, 31, 53, 0.13);\n    border-radius: 18px;\n\n    background: rgba(255, 255, 255, 0.68);\n\n    animation:\n      fgDreamSatinReveal 0.9s 0.8s ease both;\n  }\n\n  .fg-dreamsatin__note-mark {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    width: 28px;\n    height: 28px;\n    flex: 0 0 28px;\n\n    border-radius: 50%;\n\n    background: var(--ds-soft-blush);\n\n    color: var(--ds-burgundy);\n\n    font-family:\n      Georgia,\n      \"Times New Roman\",\n      serif;\n\n    font-size: 18px;\n    line-height: 1;\n  }\n\n  .fg-dreamsatin__note p {\n    margin: 0;\n\n    color: rgba(53, 73, 94, 0.76);\n\n    font-size: 13px;\n    line-height: 1.5;\n\n    text-wrap: pretty;\n  }\n\n  .fg-dreamsatin__footer {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: center;\n\n    gap: 9px;\n\n    width: 100%;\n    max-width: 100%;\n\n    margin-top:\n      clamp(46px, 6vw, 56px);\n\n    color: var(--ds-deep-navy);\n\n    font-family:\n      Georgia,\n      \"Times New Roman\",\n      serif;\n\n    font-size: clamp(25px, 3.5vw, 41px);\n    line-height: 1.2;\n\n    text-align: center;\n    text-wrap: balance;\n\n    animation:\n      fgDreamSatinReveal 0.9s 0.9s ease both;\n  }\n\n  .fg-dreamsatin__footer strong {\n    color: var(--ds-burgundy);\n\n    font-style: italic;\n    font-weight: 400;\n\n    animation:\n      fgDreamSatinTextGlow 3.5s ease-in-out infinite;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .fg-dreamsatin__card:hover {\n      transform: translateY(-7px);\n\n      border-color: rgba(109, 31, 53, 0.32);\n\n      box-shadow:\n        0 28px 65px rgba(23, 62, 108, 0.13);\n    }\n\n    .fg-dreamsatin__card:hover::before {\n      left: 125%;\n    }\n\n    .fg-dreamsatin__card:hover::after {\n      transform: scale(1.3);\n    }\n\n    .fg-dreamsatin__card:hover .fg-dreamsatin__number {\n      color: var(--ds-white);\n\n      transform:\n        rotate(-5deg)\n        scale(1.08);\n\n      background: linear-gradient(\n        145deg,\n        var(--ds-soft-burgundy),\n        var(--ds-burgundy)\n      );\n    }\n\n    .fg-dreamsatin__colour:hover {\n      transform: translateY(-3px);\n\n      box-shadow:\n        0 12px 26px rgba(23, 62, 108, 0.11);\n    }\n  }\n\n  @keyframes fgDreamSatinReveal {\n    from {\n      opacity: 0;\n      transform: translateY(28px);\n    }\n\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @keyframes fgDreamSatinFloat {\n    0%,\n    100% {\n      transform:\n        translate3d(0, 0, 0)\n        scale(1);\n    }\n\n    50% {\n      transform:\n        translate3d(0, 24px, 0)\n        scale(1.06);\n    }\n  }\n\n  @keyframes fgDreamSatinLabelGlow {\n    0%,\n    100% {\n      box-shadow:\n        0 10px 35px rgba(23, 62, 108, 0.07);\n    }\n\n    50% {\n      box-shadow:\n        0 13px 38px rgba(109, 31, 53, 0.18);\n    }\n  }\n\n  @keyframes fgDreamSatinLine {\n    0%,\n    100% {\n      opacity: 0.45;\n      transform: scaleX(0.55);\n    }\n\n    50% {\n      opacity: 1;\n      transform: scaleX(1);\n    }\n  }\n\n  @keyframes fgDreamSatinTextGlow {\n    0%,\n    100% {\n      text-shadow:\n        0 0 0 rgba(109, 31, 53, 0);\n    }\n\n    50% {\n      text-shadow:\n        0 9px 26px rgba(109, 31, 53, 0.22);\n    }\n  }\n\n  @keyframes fgDreamSatinSwatch {\n    0%,\n    100% {\n      transform: scale(1);\n    }\n\n    50% {\n      transform: scale(1.12);\n    }\n  }\n\n  \/*\n    FULL-WIDTH DESKTOP SECTION\n  *\/\n\n  @container dreamSatin (min-width: 901px) {\n    .fg-dreamsatin__features {\n      grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n    }\n\n    .fg-dreamsatin__card {\n      min-height: 158px;\n    }\n\n    .fg-dreamsatin__colour-list {\n      display: flex;\n      justify-content: center;\n    }\n  }\n\n  \/*\n    NARROW SHOPIFY DESKTOP SECTION\n    OR TABLET CONTAINER\n  *\/\n\n  @container dreamSatin (min-width: 561px) and (max-width: 900px) {\n    .fg-dreamsatin {\n      padding:\n        68px\n        20px;\n    }\n\n    .fg-dreamsatin__container {\n      max-width: 760px;\n    }\n\n    .fg-dreamsatin__header {\n      max-width: 720px;\n\n      margin-bottom: 46px;\n    }\n\n    .fg-dreamsatin__title {\n      font-size: clamp(44px, 8cqw, 62px);\n      line-height: 1.01;\n    }\n\n    .fg-dreamsatin__description {\n      max-width: 680px;\n    }\n\n    .fg-dreamsatin__features {\n      grid-template-columns:\n        minmax(0, 1fr);\n\n      max-width: 720px;\n\n      margin-right: auto;\n      margin-left: auto;\n    }\n\n    .fg-dreamsatin__card {\n      min-height: auto;\n    }\n\n    .fg-dreamsatin__colours,\n    .fg-dreamsatin__note {\n      max-width: 720px;\n\n      margin-right: auto;\n      margin-left: auto;\n    }\n\n    .fg-dreamsatin__colour-list {\n      display: grid;\n      grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n\n      max-width: 520px;\n\n      margin-right: auto;\n      margin-left: auto;\n    }\n\n    .fg-dreamsatin__colour {\n      width: 100%;\n    }\n  }\n\n  \/*\n    MOBILE OR VERY NARROW PRODUCT COLUMN\n  *\/\n\n  @container dreamSatin (max-width: 560px) {\n    .fg-dreamsatin {\n      padding:\n        54px\n        15px;\n    }\n\n    .fg-dreamsatin__header {\n      margin-bottom: 38px;\n    }\n\n    .fg-dreamsatin__label {\n      margin-bottom: 19px;\n\n      padding:\n        8px\n        13px;\n\n      font-size: 9px;\n      letter-spacing: 0.12em;\n    }\n\n    .fg-dreamsatin__title {\n      font-size: clamp(37px, 10.5cqw, 47px);\n      line-height: 1.03;\n      letter-spacing: -0.037em;\n    }\n\n    .fg-dreamsatin__title span {\n      margin-top: 7px;\n    }\n\n    .fg-dreamsatin__description {\n      margin-top: 24px;\n\n      font-size: 15px;\n      line-height: 1.72;\n    }\n\n    .fg-dreamsatin__promise {\n      margin-top: 24px;\n\n      font-size: 13px;\n      line-height: 1.45;\n    }\n\n    .fg-dreamsatin__features {\n      grid-template-columns:\n        minmax(0, 1fr);\n\n      gap: 14px;\n    }\n\n    .fg-dreamsatin__card {\n      gap: 15px;\n\n      min-height: auto;\n\n      padding:\n        23px\n        21px;\n\n      border-radius: 21px;\n    }\n\n    .fg-dreamsatin__number {\n      width: 48px;\n      height: 48px;\n      flex-basis: 48px;\n\n      border-radius: 15px;\n\n      font-size: 14px;\n    }\n\n    .fg-dreamsatin__card h3 {\n      font-size: 20px;\n    }\n\n    .fg-dreamsatin__card p {\n      font-size: 14px;\n      line-height: 1.68;\n    }\n\n    .fg-dreamsatin__colours {\n      margin-top: 15px;\n\n      padding:\n        28px\n        18px;\n\n      border-radius: 22px;\n    }\n\n    .fg-dreamsatin__colours-heading {\n      margin-bottom: 20px;\n    }\n\n    .fg-dreamsatin__colours-heading \u003e span {\n      font-size: 9px;\n      letter-spacing: 0.15em;\n    }\n\n    .fg-dreamsatin__colours-heading h3 {\n      font-size: clamp(27px, 8cqw, 34px);\n    }\n\n    .fg-dreamsatin__colour-list {\n      display: grid;\n      grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n\n      gap: 9px;\n    }\n\n    .fg-dreamsatin__colour {\n      width: 100%;\n\n      padding:\n        10px\n        11px;\n\n      font-size: 12px;\n    }\n\n    .fg-dreamsatin__note {\n      align-items: flex-start;\n\n      margin-top: 14px;\n\n      padding:\n        16px\n        17px;\n\n      border-radius: 17px;\n\n      text-align: left;\n    }\n\n    .fg-dreamsatin__note p {\n      font-size: 12px;\n      line-height: 1.55;\n    }\n\n    .fg-dreamsatin__footer {\n      flex-direction: column;\n\n      gap: 3px;\n\n      margin-top: 42px;\n\n      font-size: clamp(25px, 7.5cqw, 34px);\n      line-height: 1.18;\n    }\n\n    .fg-dreamsatin__orb {\n      filter: blur(25px);\n    }\n  }\n\n  \/*\n    EXTRA-SMALL MOBILE\n  *\/\n\n  @container dreamSatin (max-width: 390px) {\n    .fg-dreamsatin {\n      padding:\n        49px\n        12px;\n    }\n\n    .fg-dreamsatin__label {\n      font-size: 8px;\n      letter-spacing: 0.08em;\n    }\n\n    .fg-dreamsatin__title {\n      font-size: 35px;\n    }\n\n    .fg-dreamsatin__description {\n      font-size: 14px;\n    }\n\n    .fg-dreamsatin__card {\n      gap: 13px;\n\n      padding:\n        21px\n        18px;\n    }\n\n    .fg-dreamsatin__number {\n      width: 43px;\n      height: 43px;\n      flex-basis: 43px;\n\n      border-radius: 14px;\n\n      font-size: 13px;\n    }\n\n    .fg-dreamsatin__card h3 {\n      font-size: 19px;\n    }\n\n    .fg-dreamsatin__card p {\n      font-size: 13px;\n    }\n\n    .fg-dreamsatin__colours {\n      padding:\n        25px\n        15px;\n    }\n\n    .fg-dreamsatin__colour-list {\n      grid-template-columns:\n        minmax(0, 1fr);\n    }\n\n    .fg-dreamsatin__note {\n      gap: 10px;\n\n      padding:\n        15px;\n    }\n\n    .fg-dreamsatin__note-mark {\n      width: 25px;\n      height: 25px;\n      flex-basis: 25px;\n\n      font-size: 16px;\n    }\n\n    .fg-dreamsatin__footer {\n      font-size: 25px;\n    }\n  }\n\n  \/*\n    STANDARD VIEWPORT FALLBACKS\n  *\/\n\n  @media screen and (max-width: 900px) {\n    .fg-dreamsatin__features {\n      grid-template-columns:\n        minmax(0, 1fr);\n    }\n\n    .fg-dreamsatin__card {\n      min-height: auto;\n    }\n  }\n\n  @media screen and (max-width: 749px) {\n    .fg-dreamsatin {\n      padding:\n        66px\n        18px;\n    }\n\n    .fg-dreamsatin__header {\n      margin-bottom: 44px;\n    }\n\n    .fg-dreamsatin__card {\n      padding:\n        23px\n        21px;\n\n      border-radius: 22px;\n    }\n\n    .fg-dreamsatin__colour-list {\n      display: grid;\n      grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n    }\n\n    .fg-dreamsatin__colour {\n      width: 100%;\n    }\n\n    .fg-dreamsatin__footer {\n      flex-direction: column;\n      gap: 3px;\n    }\n  }\n\n  @media screen and (max-width: 480px) {\n    .fg-dreamsatin {\n      padding:\n        54px\n        14px;\n    }\n\n    .fg-dreamsatin__label {\n      padding:\n        8px\n        13px;\n\n      font-size: 9px;\n      letter-spacing: 0.11em;\n    }\n\n    .fg-dreamsatin__title {\n      font-size: clamp(36px, 10.5vw, 44px);\n      line-height: 1.03;\n    }\n\n    .fg-dreamsatin__card {\n      gap: 15px;\n\n      padding:\n        22px\n        19px;\n    }\n\n    .fg-dreamsatin__number {\n      width: 48px;\n      height: 48px;\n      flex-basis: 48px;\n\n      border-radius: 15px;\n\n      font-size: 14px;\n    }\n\n    .fg-dreamsatin__card h3 {\n      font-size: 19px;\n    }\n\n    .fg-dreamsatin__card p {\n      font-size: 14px;\n    }\n\n    .fg-dreamsatin__note {\n      align-items: flex-start;\n      text-align: left;\n    }\n  }\n\n  \/*\n    FALLBACK FOR BROWSERS WITHOUT\n    CONTAINER QUERY SUPPORT\n  *\/\n\n  @supports not (container-type: inline-size) {\n    @media screen and (max-width: 1000px) {\n      .fg-dreamsatin__features {\n        grid-template-columns:\n          minmax(0, 1fr);\n      }\n\n      .fg-dreamsatin__card {\n        min-height: auto;\n      }\n\n      .fg-dreamsatin__colour-list {\n        display: grid;\n        grid-template-columns:\n          repeat(2, minmax(0, 1fr));\n      }\n    }\n\n    @media screen and (max-width: 480px) {\n      .fg-dreamsatin__colour-list {\n        grid-template-columns:\n          minmax(0, 1fr);\n      }\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .fg-dreamsatin *,\n    .fg-dreamsatin *::before,\n    .fg-dreamsatin *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      scroll-behavior: auto !important;\n      transition-duration: 0.01ms !important;\n    }\n\n    .fg-dreamsatin__header,\n    .fg-dreamsatin__card,\n    .fg-dreamsatin__colours,\n    .fg-dreamsatin__note,\n    .fg-dreamsatin__footer {\n      opacity: 1;\n      transform: none;\n    }\n  }\n\u003c\/style\u003e","brand":"Fearless Grace","offers":[{"title":"Red","offer_id":45881582354515,"sku":null,"price":349.0,"currency_code":"ZAR","in_stock":true},{"title":"Black","offer_id":45881582387283,"sku":null,"price":349.0,"currency_code":"ZAR","in_stock":true},{"title":"White","offer_id":45881582420051,"sku":null,"price":349.0,"currency_code":"ZAR","in_stock":true},{"title":"Pink","offer_id":45881582452819,"sku":null,"price":349.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0726\/0982\/4851\/files\/ChatGPTImageJul29_2026at01_17_02PM.png?v=1785351479","url":"https:\/\/fearlessgrace.co.za\/products\/dreamsatin-5-piece-satin-sleep-set","provider":"Fearless Grace","version":"1.0","type":"link"}