{"product_id":"velvetmist-7-in-1-keratin-spray","title":"VelvetMist – 7-in-1 Keratin Spray","description":"\u003c!-- VelvetMist 7-in-1 Keratin Spray | Shopify Responsive Section --\u003e\n\u003csection class=\"fg-velvetmist\"\u003e\n  \u003cdiv class=\"fg-velvetmist__glow fg-velvetmist__glow--one\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"fg-velvetmist__glow fg-velvetmist__glow--two\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"fg-velvetmist__glow fg-velvetmist__glow--three\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"fg-velvetmist__container\"\u003e\n\n    \u003cheader class=\"fg-velvetmist__header\"\u003e\n      \u003cspan class=\"fg-velvetmist__label\"\u003e\n        VelvetMist 7-in-1 Keratin Spray\n      \u003c\/span\u003e\n\n      \u003ch2 class=\"fg-velvetmist__title\"\u003e\n        Seven Ingredients. One Spray.\n        \u003cspan\u003eHair That Turns Heads.\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp class=\"fg-velvetmist__description\"\u003e\n        The VelvetMist 7-in-1 Keratin Spray is your shortcut to smooth, shiny,\n        frizz-free hair — in a single application. A lightweight mist that\n        absorbs instantly, eliminates tangles, banishes dryness, and leaves\n        every strand nourished, strengthened, and effortlessly refined. No\n        heaviness. No residue. Just hair that looks and feels like you just\n        left the salon.\n      \u003c\/p\u003e\n\n      \u003cp class=\"fg-velvetmist__promise\"\u003e\n        Spray it. Feel it. Own it.\n      \u003c\/p\u003e\n    \u003c\/header\u003e\n\n    \u003cdiv class=\"fg-velvetmist__features\"\u003e\n\n      \u003carticle class=\"fg-velvetmist__card\"\u003e\n        \u003cspan class=\"fg-velvetmist__number\"\u003e01\u003c\/span\u003e\n\n        \u003cdiv class=\"fg-velvetmist__card-copy\"\u003e\n          \u003ch3\u003eFrizz-Free, Silky Smooth Hair\u003c\/h3\u003e\n\n          \u003cp\u003e\n            Keratin and Biotin smooth the hair shaft from root to tip.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"fg-velvetmist__card\"\u003e\n        \u003cspan class=\"fg-velvetmist__number\"\u003e02\u003c\/span\u003e\n\n        \u003cdiv class=\"fg-velvetmist__card-copy\"\u003e\n          \u003ch3\u003eSeven Powerhouse Ingredients\u003c\/h3\u003e\n\n          \u003cp\u003e\n            Rosemary Oil, Castor Seed Oil, Batana Oil, Peppermint Oil, Flaxseed\n            Oil, Keratin and Biotin.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"fg-velvetmist__card\"\u003e\n        \u003cspan class=\"fg-velvetmist__number\"\u003e03\u003c\/span\u003e\n\n        \u003cdiv class=\"fg-velvetmist__card-copy\"\u003e\n          \u003ch3\u003eTangles Gone After One Use\u003c\/h3\u003e\n\n          \u003cp\u003e\n            Lightweight formula detangles without weighing hair down.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"fg-velvetmist__card\"\u003e\n        \u003cspan class=\"fg-velvetmist__number\"\u003e04\u003c\/span\u003e\n\n        \u003cdiv class=\"fg-velvetmist__card-copy\"\u003e\n          \u003ch3\u003eAll-Day Refinement\u003c\/h3\u003e\n\n          \u003cp\u003e\n            Locks in moisture and shine from morning to night.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"fg-velvetmist__card\"\u003e\n        \u003cspan class=\"fg-velvetmist__number\"\u003e05\u003c\/span\u003e\n\n        \u003cdiv class=\"fg-velvetmist__card-copy\"\u003e\n          \u003ch3\u003eSuitable for Dry and Oily Hair\u003c\/h3\u003e\n\n          \u003cp\u003e\n            Designed for both dry and oily hair types.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"fg-velvetmist__card\"\u003e\n        \u003cspan class=\"fg-velvetmist__number\"\u003e06\u003c\/span\u003e\n\n        \u003cdiv class=\"fg-velvetmist__card-copy\"\u003e\n          \u003ch3\u003eCompact 100ml Size\u003c\/h3\u003e\n\n          \u003cp\u003e\n            Compact enough for your handbag or travel kit.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"fg-velvetmist__card fg-velvetmist__card--wide\"\u003e\n        \u003cspan class=\"fg-velvetmist__number\"\u003e07\u003c\/span\u003e\n\n        \u003cdiv class=\"fg-velvetmist__card-copy\"\u003e\n          \u003ch3\u003eNo Heavy Residue\u003c\/h3\u003e\n\n          \u003cp\u003e\n            Absorbs instantly for a clean, natural finish.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fg-velvetmist__ingredients\"\u003e\n\n      \u003cdiv class=\"fg-velvetmist__ingredients-heading\"\u003e\n        \u003cspan\u003eThe Seven-Ingredient Ritual\u003c\/span\u003e\n\n        \u003ch3\u003e\n          One refined formula. Seven essential ingredients.\n        \u003c\/h3\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fg-velvetmist__ingredient-list\"\u003e\n\n        \u003cspan class=\"fg-velvetmist__ingredient\"\u003e\n          Rosemary Oil\n        \u003c\/span\u003e\n\n        \u003cspan class=\"fg-velvetmist__ingredient\"\u003e\n          Castor Seed Oil\n        \u003c\/span\u003e\n\n        \u003cspan class=\"fg-velvetmist__ingredient\"\u003e\n          Batana Oil\n        \u003c\/span\u003e\n\n        \u003cspan class=\"fg-velvetmist__ingredient\"\u003e\n          Peppermint Oil\n        \u003c\/span\u003e\n\n        \u003cspan class=\"fg-velvetmist__ingredient\"\u003e\n          Flaxseed Oil\n        \u003c\/span\u003e\n\n        \u003cspan class=\"fg-velvetmist__ingredient\"\u003e\n          Keratin\n        \u003c\/span\u003e\n\n        \u003cspan class=\"fg-velvetmist__ingredient\"\u003e\n          Biotin\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cfooter class=\"fg-velvetmist__footer\"\u003e\n      \u003cspan\u003eSeven ingredients.\u003c\/span\u003e\n      \u003cspan\u003eOne ritual.\u003c\/span\u003e\n      \u003cstrong\u003eHair that glows.\u003c\/strong\u003e\n    \u003c\/footer\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n  .fg-velvetmist {\n    --vm-midnight: #101b2d;\n    --vm-navy: #173e6c;\n    --vm-deep-navy: #0b213b;\n    --vm-champagne: #c9b39d;\n    --vm-gold: #c9a66b;\n    --vm-deep-gold: #9a7545;\n    --vm-ivory: #faf8f5;\n    --vm-cream: #f5eee6;\n    --vm-rose: #b97f8e;\n    --vm-soft-rose: #ead8dc;\n    --vm-white: #ffffff;\n    --vm-text: #36485a;\n    --vm-muted: rgba(54, 72, 90, 0.74);\n\n    position: relative;\n    isolation: isolate;\n    overflow: hidden;\n\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n\n    padding:\n      clamp(76px, 9vw, 138px)\n      clamp(16px, 3vw, 28px);\n\n    background:\n      radial-gradient(\n        circle at 12% 12%,\n        rgba(201, 166, 107, 0.23),\n        transparent 28%\n      ),\n      radial-gradient(\n        circle at 88% 18%,\n        rgba(185, 127, 142, 0.2),\n        transparent 30%\n      ),\n      radial-gradient(\n        circle at 50% 100%,\n        rgba(23, 62, 108, 0.16),\n        transparent 38%\n      ),\n      linear-gradient(\n        135deg,\n        #f8f3ed 0%,\n        #fffdf9 38%,\n        #f5ebe7 68%,\n        #eee3dd 100%\n      );\n\n    color: var(--vm-text);\n\n    font-family:\n      Arial,\n      Helvetica,\n      sans-serif;\n\n    container-type: inline-size;\n    container-name: velvetMist;\n  }\n\n  .fg-velvetmist,\n  .fg-velvetmist *,\n  .fg-velvetmist *::before,\n  .fg-velvetmist *::after {\n    box-sizing: border-box;\n  }\n\n  .fg-velvetmist h2,\n  .fg-velvetmist h3,\n  .fg-velvetmist p {\n    padding: 0;\n  }\n\n  .fg-velvetmist h2,\n  .fg-velvetmist h3,\n  .fg-velvetmist p,\n  .fg-velvetmist span,\n  .fg-velvetmist strong,\n  .fg-velvetmist div,\n  .fg-velvetmist article,\n  .fg-velvetmist header,\n  .fg-velvetmist footer {\n    min-width: 0;\n    max-width: 100%;\n    word-break: normal;\n    overflow-wrap: break-word;\n  }\n\n  .fg-velvetmist::before {\n    content: \"\";\n    position: absolute;\n    z-index: 0;\n\n    inset: 0;\n\n    opacity: 0.36;\n\n    background-image:\n      linear-gradient(\n        115deg,\n        transparent 0%,\n        rgba(255, 255, 255, 0.38) 34%,\n        transparent 54%\n      ),\n      repeating-linear-gradient(\n        135deg,\n        rgba(255, 255, 255, 0.04) 0,\n        rgba(255, 255, 255, 0.04) 1px,\n        transparent 1px,\n        transparent 9px\n      );\n\n    pointer-events: none;\n\n    animation:\n      fgVelvetMistBackground 12s ease-in-out infinite;\n  }\n\n  .fg-velvetmist__container {\n    position: relative;\n    z-index: 2;\n\n    width: 100%;\n    max-width: 1120px;\n    min-width: 0;\n\n    margin: 0 auto;\n  }\n\n  .fg-velvetmist__glow {\n    position: absolute;\n    z-index: 0;\n\n    border-radius: 50%;\n\n    filter: blur(42px);\n\n    pointer-events: none;\n\n    animation:\n      fgVelvetMistFloat 11s ease-in-out infinite;\n  }\n\n  .fg-velvetmist__glow--one {\n    top: -245px;\n    right: -135px;\n\n    width: clamp(300px, 38vw, 420px);\n    height: clamp(300px, 38vw, 420px);\n\n    background: rgba(201, 166, 107, 0.38);\n  }\n\n  .fg-velvetmist__glow--two {\n    bottom: -275px;\n    left: -165px;\n\n    width: clamp(320px, 41vw, 450px);\n    height: clamp(320px, 41vw, 450px);\n\n    background: rgba(23, 62, 108, 0.14);\n\n    animation-delay: -5.5s;\n  }\n\n  .fg-velvetmist__glow--three {\n    top: 42%;\n    right: 3%;\n\n    width: clamp(140px, 21vw, 230px);\n    height: clamp(140px, 21vw, 230px);\n\n    background: rgba(185, 127, 142, 0.24);\n\n    animation-delay: -2.8s;\n  }\n\n  .fg-velvetmist__header {\n    width: 100%;\n    max-width: 930px;\n    min-width: 0;\n\n    margin:\n      0 auto\n      clamp(46px, 6vw, 60px);\n\n    text-align: center;\n\n    animation:\n      fgVelvetMistReveal 0.9s ease both;\n  }\n\n  .fg-velvetmist__label {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    max-width: 100%;\n\n    margin:\n      0 auto\n      23px;\n\n    padding:\n      10px\n      19px;\n\n    border: 1px solid rgba(154, 117, 69, 0.24);\n    border-radius: 999px;\n\n    background: rgba(255, 255, 255, 0.7);\n\n    color: var(--vm-deep-navy);\n\n    box-shadow:\n      0 12px 35px rgba(16, 27, 45, 0.08),\n      inset 0 1px 0 rgba(255, 255, 255, 0.8);\n\n    font-size: clamp(9px, 1vw, 12px);\n    font-weight: 700;\n    line-height: 1.4;\n    letter-spacing: 0.17em;\n\n    text-align: center;\n    text-transform: uppercase;\n\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n\n    animation:\n      fgVelvetMistLabelGlow 4s ease-in-out infinite;\n  }\n\n  .fg-velvetmist__title {\n    width: 100%;\n    max-width: 100%;\n\n    margin: 0;\n\n    color: var(--vm-deep-navy);\n\n    font-family:\n      Georgia,\n      \"Times New Roman\",\n      serif;\n\n    font-size: clamp(43px, 6.7vw, 83px);\n    font-weight: 400;\n    line-height: 1;\n    letter-spacing: -0.046em;\n\n    text-wrap: balance;\n  }\n\n  .fg-velvetmist__title span {\n    display: block;\n\n    margin-top: 8px;\n\n    color: var(--vm-deep-gold);\n\n    font-style: italic;\n    font-weight: 400;\n\n    animation:\n      fgVelvetMistTextGlow 3.5s ease-in-out infinite;\n  }\n\n  .fg-velvetmist__description {\n    width: 100%;\n    max-width: 860px;\n\n    margin:\n      31px auto 0;\n\n    color: rgba(54, 72, 90, 0.84);\n\n    font-size: clamp(16px, 1.8vw, 19px);\n    line-height: 1.84;\n\n    text-wrap: pretty;\n  }\n\n  .fg-velvetmist__promise {\n    position: relative;\n\n    display: inline-block;\n\n    max-width: 100%;\n\n    margin:\n      29px auto 0;\n\n    padding-bottom: 10px;\n\n    color: var(--vm-navy);\n\n    font-size: 15px;\n    font-weight: 700;\n    line-height: 1.5;\n    letter-spacing: 0.04em;\n\n    text-wrap: balance;\n  }\n\n  .fg-velvetmist__promise::after {\n    content: \"\";\n    position: absolute;\n\n    right: 0;\n    bottom: 0;\n    left: 0;\n\n    height: 1px;\n\n    background: linear-gradient(\n      90deg,\n      transparent,\n      var(--vm-gold),\n      transparent\n    );\n\n    animation:\n      fgVelvetMistLine 3s ease-in-out infinite;\n  }\n\n  .fg-velvetmist__features {\n    display: grid;\n    grid-template-columns:\n      repeat(2, minmax(0, 1fr));\n\n    gap: 18px;\n\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .fg-velvetmist__card {\n    position: relative;\n\n    display: flex;\n    align-items: flex-start;\n    gap: 20px;\n\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    min-height: 158px;\n\n    padding: 28px;\n\n    overflow: hidden;\n\n    border: 1px solid rgba(201, 166, 107, 0.2);\n    border-radius: 26px;\n\n    background: linear-gradient(\n      145deg,\n      rgba(255, 255, 255, 0.82),\n      rgba(250, 246, 241, 0.68)\n    );\n\n    box-shadow:\n      0 20px 55px rgba(16, 27, 45, 0.08),\n      inset 0 1px 0 rgba(255, 255, 255, 0.85);\n\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n\n    transition:\n      transform 0.4s ease,\n      border-color 0.4s ease,\n      box-shadow 0.4s ease;\n\n    animation:\n      fgVelvetMistReveal 0.8s ease both;\n  }\n\n  .fg-velvetmist__card:nth-child(1) {\n    animation-delay: 0.08s;\n  }\n\n  .fg-velvetmist__card:nth-child(2) {\n    animation-delay: 0.16s;\n  }\n\n  .fg-velvetmist__card:nth-child(3) {\n    animation-delay: 0.24s;\n  }\n\n  .fg-velvetmist__card:nth-child(4) {\n    animation-delay: 0.32s;\n  }\n\n  .fg-velvetmist__card:nth-child(5) {\n    animation-delay: 0.4s;\n  }\n\n  .fg-velvetmist__card:nth-child(6) {\n    animation-delay: 0.48s;\n  }\n\n  .fg-velvetmist__card:nth-child(7) {\n    animation-delay: 0.56s;\n  }\n\n  .fg-velvetmist__card--wide {\n    grid-column: 1 \/ -1;\n  }\n\n  .fg-velvetmist__card::before {\n    content: \"\";\n    position: absolute;\n\n    top: -95%;\n    left: -70%;\n\n    width: 58%;\n    height: 290%;\n\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(255, 255, 255, 0.82),\n      transparent\n    );\n\n    transform: rotate(22deg);\n\n    transition:\n      left 0.8s ease;\n\n    pointer-events: none;\n  }\n\n  .fg-velvetmist__card::after {\n    content: \"\";\n    position: absolute;\n\n    right: -40px;\n    bottom: -40px;\n\n    width: 125px;\n    height: 125px;\n\n    border-radius: 50%;\n\n    background: radial-gradient(\n      circle,\n      rgba(201, 166, 107, 0.16),\n      rgba(185, 127, 142, 0.05) 70%\n    );\n\n    transition:\n      transform 0.4s ease;\n\n    pointer-events: none;\n  }\n\n  .fg-velvetmist__number {\n    position: relative;\n    z-index: 1;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    width: 56px;\n    height: 56px;\n    flex: 0 0 56px;\n\n    border-radius: 18px;\n\n    background: linear-gradient(\n      145deg,\n      rgba(234, 216, 220, 0.95),\n      rgba(255, 255, 255, 0.95)\n    );\n\n    color: var(--vm-deep-gold);\n\n    box-shadow:\n      inset 0 0 0 1px rgba(201, 166, 107, 0.22),\n      0 10px 24px rgba(16, 27, 45, 0.06);\n\n    font-family:\n      Georgia,\n      \"Times New Roman\",\n      serif;\n\n    font-size: 16px;\n    font-style: italic;\n    line-height: 1;\n\n    transition:\n      transform 0.4s ease,\n      background 0.4s ease,\n      color 0.4s ease;\n  }\n\n  .fg-velvetmist__card-copy {\n    position: relative;\n    z-index: 1;\n\n    flex: 1 1 auto;\n\n    min-width: 0;\n  }\n\n  .fg-velvetmist__card h3 {\n    margin:\n      4px\n      0\n      10px;\n\n    color: var(--vm-deep-navy);\n\n    font-family:\n      Georgia,\n      \"Times New Roman\",\n      serif;\n\n    font-size: clamp(20px, 1.9vw, 22px);\n    font-weight: 400;\n    line-height: 1.25;\n\n    text-wrap: balance;\n  }\n\n  .fg-velvetmist__card p {\n    margin: 0;\n\n    color: var(--vm-muted);\n\n    font-size: 15px;\n    line-height: 1.7;\n\n    text-wrap: pretty;\n  }\n\n  .fg-velvetmist__ingredients {\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n\n    margin-top: 22px;\n\n    padding:\n      clamp(30px, 5vw, 48px);\n\n    border: 1px solid rgba(201, 166, 107, 0.26);\n    border-radius: 30px;\n\n    background: linear-gradient(\n      145deg,\n      rgba(255, 255, 255, 0.82),\n      rgba(246, 238, 230, 0.72)\n    );\n\n    box-shadow:\n      0 24px 64px rgba(16, 27, 45, 0.09),\n      inset 0 1px 0 rgba(255, 255, 255, 0.9);\n\n    text-align: center;\n\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n\n    animation:\n      fgVelvetMistReveal 0.9s 0.65s ease both;\n  }\n\n  .fg-velvetmist__ingredients-heading {\n    width: 100%;\n    max-width: 100%;\n\n    margin-bottom: 26px;\n  }\n\n  .fg-velvetmist__ingredients-heading \u003e span {\n    display: block;\n\n    margin-bottom: 9px;\n\n    color: var(--vm-deep-gold);\n\n    font-size: 11px;\n    font-weight: 700;\n    line-height: 1.5;\n    letter-spacing: 0.2em;\n\n    text-transform: uppercase;\n  }\n\n  .fg-velvetmist__ingredients-heading h3 {\n    margin: 0;\n\n    color: var(--vm-deep-navy);\n\n    font-family:\n      Georgia,\n      \"Times New Roman\",\n      serif;\n\n    font-size: clamp(27px, 4vw, 41px);\n    font-weight: 400;\n    line-height: 1.2;\n\n    text-wrap: balance;\n  }\n\n  .fg-velvetmist__ingredient-list {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 12px;\n\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n  }\n\n  .fg-velvetmist__ingredient {\n    position: relative;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    max-width: 100%;\n\n    padding:\n      11px\n      17px;\n\n    overflow: hidden;\n\n    border: 1px solid rgba(154, 117, 69, 0.18);\n    border-radius: 999px;\n\n    background: rgba(255, 255, 255, 0.8);\n\n    color: var(--vm-deep-navy);\n\n    box-shadow:\n      0 10px 25px rgba(16, 27, 45, 0.06);\n\n    font-size: 13px;\n    font-weight: 700;\n    line-height: 1.4;\n\n    text-align: center;\n\n    transition:\n      transform 0.3s ease,\n      box-shadow 0.3s ease,\n      color 0.3s ease;\n\n    animation:\n      fgVelvetMistIngredient 4s ease-in-out infinite;\n  }\n\n  .fg-velvetmist__ingredient:nth-child(2) {\n    animation-delay: -0.55s;\n  }\n\n  .fg-velvetmist__ingredient:nth-child(3) {\n    animation-delay: -1.1s;\n  }\n\n  .fg-velvetmist__ingredient:nth-child(4) {\n    animation-delay: -1.65s;\n  }\n\n  .fg-velvetmist__ingredient:nth-child(5) {\n    animation-delay: -2.2s;\n  }\n\n  .fg-velvetmist__ingredient:nth-child(6) {\n    animation-delay: -2.75s;\n  }\n\n  .fg-velvetmist__ingredient:nth-child(7) {\n    animation-delay: -3.3s;\n  }\n\n  .fg-velvetmist__footer {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: center;\n\n    gap: 9px;\n\n    width: 100%;\n    max-width: 100%;\n\n    margin-top:\n      clamp(46px, 6vw, 58px);\n\n    color: var(--vm-deep-navy);\n\n    font-family:\n      Georgia,\n      \"Times New Roman\",\n      serif;\n\n    font-size: clamp(25px, 3.5vw, 41px);\n    line-height: 1.2;\n\n    text-align: center;\n    text-wrap: balance;\n\n    animation:\n      fgVelvetMistReveal 0.9s 0.8s ease both;\n  }\n\n  .fg-velvetmist__footer strong {\n    color: var(--vm-deep-gold);\n\n    font-style: italic;\n    font-weight: 400;\n\n    animation:\n      fgVelvetMistTextGlow 3.5s ease-in-out infinite;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .fg-velvetmist__card:hover {\n      transform: translateY(-8px);\n\n      border-color: rgba(154, 117, 69, 0.42);\n\n      box-shadow:\n        0 30px 70px rgba(16, 27, 45, 0.14),\n        inset 0 1px 0 rgba(255, 255, 255, 0.9);\n    }\n\n    .fg-velvetmist__card:hover::before {\n      left: 130%;\n    }\n\n    .fg-velvetmist__card:hover::after {\n      transform: scale(1.3);\n    }\n\n    .fg-velvetmist__card:hover\n    .fg-velvetmist__number {\n      color: var(--vm-ivory);\n\n      transform:\n        rotate(-5deg)\n        scale(1.08);\n\n      background: linear-gradient(\n        145deg,\n        var(--vm-gold),\n        var(--vm-deep-navy)\n      );\n    }\n\n    .fg-velvetmist__ingredient:hover {\n      color: var(--vm-deep-gold);\n\n      transform: translateY(-4px);\n\n      box-shadow:\n        0 15px 32px rgba(16, 27, 45, 0.11);\n    }\n  }\n\n  @keyframes fgVelvetMistReveal {\n    from {\n      opacity: 0;\n      transform: translateY(28px);\n    }\n\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @keyframes fgVelvetMistFloat {\n    0%,\n    100% {\n      transform:\n        translate3d(0, 0, 0)\n        scale(1);\n    }\n\n    50% {\n      transform:\n        translate3d(0, 26px, 0)\n        scale(1.07);\n    }\n  }\n\n  @keyframes fgVelvetMistBackground {\n    0%,\n    100% {\n      opacity: 0.28;\n      transform: translateX(-1%);\n    }\n\n    50% {\n      opacity: 0.42;\n      transform: translateX(1%);\n    }\n  }\n\n  @keyframes fgVelvetMistLabelGlow {\n    0%,\n    100% {\n      box-shadow:\n        0 12px 35px rgba(16, 27, 45, 0.08),\n        inset 0 1px 0 rgba(255, 255, 255, 0.8);\n    }\n\n    50% {\n      box-shadow:\n        0 16px 42px rgba(201, 166, 107, 0.25),\n        inset 0 1px 0 rgba(255, 255, 255, 0.9);\n    }\n  }\n\n  @keyframes fgVelvetMistLine {\n    0%,\n    100% {\n      opacity: 0.42;\n      transform: scaleX(0.55);\n    }\n\n    50% {\n      opacity: 1;\n      transform: scaleX(1);\n    }\n  }\n\n  @keyframes fgVelvetMistTextGlow {\n    0%,\n    100% {\n      text-shadow:\n        0 0 0 rgba(201, 166, 107, 0);\n    }\n\n    50% {\n      text-shadow:\n        0 10px 30px rgba(201, 166, 107, 0.4);\n    }\n  }\n\n  @keyframes fgVelvetMistIngredient {\n    0%,\n    100% {\n      transform: translateY(0);\n    }\n\n    50% {\n      transform: translateY(-3px);\n    }\n  }\n\n  \/*\n    FULL-WIDTH DESKTOP SECTION\n  *\/\n\n  @container velvetMist (min-width: 901px) {\n    .fg-velvetmist__features {\n      grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n    }\n\n    .fg-velvetmist__card {\n      min-height: 158px;\n    }\n\n    .fg-velvetmist__card--wide {\n      grid-column: 1 \/ -1;\n    }\n\n    .fg-velvetmist__ingredient-list {\n      display: flex;\n      justify-content: center;\n    }\n  }\n\n  \/*\n    NARROW SHOPIFY DESKTOP OR TABLET\n  *\/\n\n  @container velvetMist (min-width: 561px) and (max-width: 900px) {\n    .fg-velvetmist {\n      padding:\n        68px\n        20px;\n    }\n\n    .fg-velvetmist__container {\n      max-width: 760px;\n    }\n\n    .fg-velvetmist__header {\n      max-width: 720px;\n\n      margin-bottom: 46px;\n    }\n\n    .fg-velvetmist__title {\n      font-size: clamp(44px, 8cqw, 62px);\n      line-height: 1.01;\n    }\n\n    .fg-velvetmist__description {\n      max-width: 680px;\n    }\n\n    .fg-velvetmist__features {\n      grid-template-columns:\n        minmax(0, 1fr);\n\n      max-width: 720px;\n\n      margin-right: auto;\n      margin-left: auto;\n    }\n\n    .fg-velvetmist__card,\n    .fg-velvetmist__card--wide {\n      grid-column: auto;\n      min-height: auto;\n    }\n\n    .fg-velvetmist__ingredients {\n      max-width: 720px;\n\n      margin-right: auto;\n      margin-left: auto;\n    }\n\n    .fg-velvetmist__ingredient-list {\n      display: grid;\n      grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n\n      max-width: 620px;\n\n      margin-right: auto;\n      margin-left: auto;\n    }\n\n    .fg-velvetmist__ingredient {\n      width: 100%;\n    }\n  }\n\n  \/*\n    MOBILE OR NARROW PRODUCT COLUMN\n  *\/\n\n  @container velvetMist (max-width: 560px) {\n    .fg-velvetmist {\n      padding:\n        54px\n        15px;\n    }\n\n    .fg-velvetmist__header {\n      margin-bottom: 38px;\n    }\n\n    .fg-velvetmist__label {\n      margin-bottom: 19px;\n\n      padding:\n        8px\n        13px;\n\n      font-size: 9px;\n      letter-spacing: 0.1em;\n    }\n\n    .fg-velvetmist__title {\n      font-size: clamp(37px, 10.5cqw, 47px);\n      line-height: 1.03;\n      letter-spacing: -0.037em;\n    }\n\n    .fg-velvetmist__title span {\n      margin-top: 7px;\n    }\n\n    .fg-velvetmist__description {\n      margin-top: 24px;\n\n      font-size: 15px;\n      line-height: 1.72;\n    }\n\n    .fg-velvetmist__promise {\n      margin-top: 24px;\n\n      font-size: 13px;\n      line-height: 1.45;\n    }\n\n    .fg-velvetmist__features {\n      grid-template-columns:\n        minmax(0, 1fr);\n\n      gap: 14px;\n    }\n\n    .fg-velvetmist__card,\n    .fg-velvetmist__card--wide {\n      grid-column: auto;\n\n      gap: 15px;\n\n      min-height: auto;\n\n      padding:\n        23px\n        21px;\n\n      border-radius: 21px;\n    }\n\n    .fg-velvetmist__number {\n      width: 48px;\n      height: 48px;\n      flex-basis: 48px;\n\n      border-radius: 15px;\n\n      font-size: 14px;\n    }\n\n    .fg-velvetmist__card h3 {\n      font-size: 20px;\n    }\n\n    .fg-velvetmist__card p {\n      font-size: 14px;\n      line-height: 1.68;\n    }\n\n    .fg-velvetmist__ingredients {\n      margin-top: 15px;\n\n      padding:\n        28px\n        18px;\n\n      border-radius: 22px;\n    }\n\n    .fg-velvetmist__ingredients-heading {\n      margin-bottom: 21px;\n    }\n\n    .fg-velvetmist__ingredients-heading \u003e span {\n      font-size: 9px;\n      letter-spacing: 0.15em;\n    }\n\n    .fg-velvetmist__ingredients-heading h3 {\n      font-size: clamp(27px, 8cqw, 34px);\n    }\n\n    .fg-velvetmist__ingredient-list {\n      display: grid;\n      grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n\n      gap: 9px;\n    }\n\n    .fg-velvetmist__ingredient {\n      width: 100%;\n\n      padding:\n        10px\n        11px;\n\n      font-size: 12px;\n    }\n\n    .fg-velvetmist__footer {\n      flex-direction: column;\n\n      gap: 3px;\n\n      margin-top: 42px;\n\n      font-size: clamp(25px, 7.5cqw, 34px);\n      line-height: 1.18;\n    }\n\n    .fg-velvetmist__glow {\n      filter: blur(26px);\n    }\n  }\n\n  \/*\n    EXTRA-SMALL MOBILE\n  *\/\n\n  @container velvetMist (max-width: 390px) {\n    .fg-velvetmist {\n      padding:\n        49px\n        12px;\n    }\n\n    .fg-velvetmist__label {\n      font-size: 8px;\n      letter-spacing: 0.07em;\n    }\n\n    .fg-velvetmist__title {\n      font-size: 35px;\n    }\n\n    .fg-velvetmist__description {\n      font-size: 14px;\n    }\n\n    .fg-velvetmist__card,\n    .fg-velvetmist__card--wide {\n      gap: 13px;\n\n      padding:\n        21px\n        18px;\n    }\n\n    .fg-velvetmist__number {\n      width: 43px;\n      height: 43px;\n      flex-basis: 43px;\n\n      border-radius: 14px;\n\n      font-size: 13px;\n    }\n\n    .fg-velvetmist__card h3 {\n      font-size: 19px;\n    }\n\n    .fg-velvetmist__card p {\n      font-size: 13px;\n    }\n\n    .fg-velvetmist__ingredients {\n      padding:\n        25px\n        15px;\n    }\n\n    .fg-velvetmist__ingredient-list {\n      grid-template-columns:\n        minmax(0, 1fr);\n    }\n\n    .fg-velvetmist__ingredient {\n      font-size: 12px;\n    }\n\n    .fg-velvetmist__footer {\n      font-size: 25px;\n    }\n  }\n\n  \/*\n    STANDARD VIEWPORT FALLBACKS\n  *\/\n\n  @media screen and (max-width: 900px) {\n    .fg-velvetmist__features {\n      grid-template-columns:\n        minmax(0, 1fr);\n    }\n\n    .fg-velvetmist__card,\n    .fg-velvetmist__card--wide {\n      grid-column: auto;\n      min-height: auto;\n    }\n  }\n\n  @media screen and (max-width: 749px) {\n    .fg-velvetmist {\n      padding:\n        66px\n        18px;\n    }\n\n    .fg-velvetmist__header {\n      margin-bottom: 44px;\n    }\n\n    .fg-velvetmist__card {\n      padding:\n        23px\n        21px;\n\n      border-radius: 22px;\n    }\n\n    .fg-velvetmist__ingredient-list {\n      display: grid;\n      grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n    }\n\n    .fg-velvetmist__ingredient {\n      width: 100%;\n    }\n\n    .fg-velvetmist__footer {\n      flex-direction: column;\n      gap: 3px;\n    }\n  }\n\n  @media screen and (max-width: 520px) {\n    .fg-velvetmist {\n      padding:\n        54px\n        14px;\n    }\n\n    .fg-velvetmist__label {\n      padding:\n        8px\n        13px;\n\n      font-size: 9px;\n      letter-spacing: 0.09em;\n    }\n\n    .fg-velvetmist__title {\n      font-size: clamp(36px, 10.5vw, 44px);\n      line-height: 1.03;\n    }\n\n    .fg-velvetmist__card {\n      gap: 15px;\n\n      padding:\n        22px\n        19px;\n    }\n\n    .fg-velvetmist__number {\n      width: 48px;\n      height: 48px;\n      flex-basis: 48px;\n\n      border-radius: 15px;\n\n      font-size: 14px;\n    }\n\n    .fg-velvetmist__card h3 {\n      font-size: 19px;\n    }\n\n    .fg-velvetmist__card p {\n      font-size: 14px;\n    }\n  }\n\n  @media screen and (max-width: 390px) {\n    .fg-velvetmist__ingredient-list {\n      grid-template-columns:\n        minmax(0, 1fr);\n    }\n  }\n\n  \/*\n    FALLBACK FOR BROWSERS WITHOUT\n    CONTAINER QUERY SUPPORT\n  *\/\n\n  @supports not (container-type: inline-size) {\n    @media screen and (max-width: 1000px) {\n      .fg-velvetmist__features {\n        grid-template-columns:\n          minmax(0, 1fr);\n      }\n\n      .fg-velvetmist__card,\n      .fg-velvetmist__card--wide {\n        grid-column: auto;\n        min-height: auto;\n      }\n\n      .fg-velvetmist__ingredient-list {\n        display: grid;\n        grid-template-columns:\n          repeat(2, minmax(0, 1fr));\n      }\n    }\n\n    @media screen and (max-width: 480px) {\n      .fg-velvetmist__ingredient-list {\n        grid-template-columns:\n          minmax(0, 1fr);\n      }\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .fg-velvetmist,\n    .fg-velvetmist::before,\n    .fg-velvetmist *,\n    .fg-velvetmist *::before,\n    .fg-velvetmist *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      scroll-behavior: auto !important;\n      transition-duration: 0.01ms !important;\n    }\n\n    .fg-velvetmist__header,\n    .fg-velvetmist__card,\n    .fg-velvetmist__ingredients,\n    .fg-velvetmist__footer {\n      opacity: 1;\n      transform: none;\n    }\n  }\n\u003c\/style\u003e","brand":"Fearless Grace","offers":[{"title":"Default Title","offer_id":45896265302099,"sku":null,"price":269.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0726\/0982\/4851\/files\/ChatGPT_Image_Aug_1_2026_at_03_54_02_PM_8bec0ebd-00dd-4530-b474-5d5faa5b1f5f.png?v=1785593839","url":"https:\/\/fearlessgrace.co.za\/products\/velvetmist-7-in-1-keratin-spray","provider":"Fearless Grace","version":"1.0","type":"link"}