{"product_id":"nightglow-bonnet","title":"NightGlow Bonnet","description":"\u003cstyle\u003e\n  .nightglow-section {\n    --ng-bg: #fff7f3;\n    --ng-peach: #f2d2bf;\n    --ng-pink: #f6dce5;\n    --ng-rose: #d88ca4;\n    --ng-deep: #a95874;\n    --ng-brown: #6e4b3d;\n    --ng-dark: #3b2d31;\n    --ng-muted: #857277;\n    --ng-white: #ffffff;\n\n    background:\n      radial-gradient(circle at top right, rgba(246,220,229,.92), transparent 40%),\n      linear-gradient(180deg, #fffaf7 0%, #fff4f0 100%);\n\n    color: var(--ng-dark);\n    font-family: inherit;\n    padding: 34px 14px 46px;\n    overflow: hidden;\n  }\n\n  .nightglow-section * {\n    box-sizing: border-box;\n  }\n\n  .ng-container {\n    width: 100%;\n    max-width: 1100px;\n    margin: 0 auto;\n  }\n\n  \/* HERO *\/\n\n  .ng-badge {\n    width: fit-content;\n    margin: 0 auto 13px;\n    padding: 8px 14px;\n\n    border-radius: 999px;\n    background: rgba(255,255,255,.88);\n    border: 1px solid rgba(169,88,116,.14);\n\n    color: var(--ng-deep);\n    font-size: 10px;\n    font-weight: 800;\n    letter-spacing: 1.4px;\n    text-transform: uppercase;\n  }\n\n  .ng-title {\n    margin: 0 auto;\n    max-width: 700px;\n\n    text-align: center;\n\n    color: var(--ng-dark);\n\n    font-size: clamp(34px, 10vw, 62px);\n    line-height: 1;\n    letter-spacing: -1.8px;\n    font-weight: 850;\n  }\n\n  .ng-title span {\n    display: block;\n    margin-top: 7px;\n    color: var(--ng-rose);\n  }\n\n  .ng-subtitle {\n    max-width: 590px;\n    margin: 17px auto 0;\n\n    text-align: center;\n\n    color: var(--ng-muted);\n\n    font-size: 15px;\n    line-height: 1.65;\n  }\n\n  .ng-highlight {\n    color: var(--ng-deep);\n    font-weight: 800;\n  }\n\n\n  \/* QUICK BENEFITS *\/\n\n  .ng-quick-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n\n    gap: 9px;\n\n    margin-top: 26px;\n  }\n\n  .ng-quick-card {\n    min-height: 112px;\n    padding: 15px 9px;\n\n    border-radius: 18px;\n\n    background: rgba(255,255,255,.94);\n\n    border: 1px solid rgba(169,88,116,.10);\n\n    box-shadow: 0 10px 30px rgba(124,73,94,.07);\n\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n\n    text-align: center;\n  }\n\n  .ng-icon {\n    width: 43px;\n    height: 43px;\n\n    border-radius: 50%;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    margin-bottom: 8px;\n\n    background: var(--ng-pink);\n\n    font-size: 21px;\n  }\n\n  .ng-quick-card strong {\n    font-size: 13px;\n    line-height: 1.3;\n  }\n\n  .ng-quick-card small {\n    display: block;\n\n    margin-top: 4px;\n\n    color: var(--ng-muted);\n\n    font-size: 10px;\n    line-height: 1.4;\n  }\n\n\n  \/* BENEFITS PANEL *\/\n\n  .ng-benefits {\n    margin-top: 30px;\n\n    padding: 25px 14px;\n\n    border-radius: 25px;\n\n    background:\n      radial-gradient(circle at top right, rgba(255,255,255,.24), transparent 35%),\n      linear-gradient(145deg, #dc93aa 0%, #ab5c79 100%);\n\n    color: white;\n\n    box-shadow: 0 18px 45px rgba(142,72,102,.18);\n  }\n\n  .ng-section-label {\n    margin: 0 0 7px;\n\n    color: rgba(255,255,255,.74);\n\n    font-size: 10px;\n    font-weight: 800;\n    letter-spacing: 1.7px;\n    text-transform: uppercase;\n  }\n\n  .ng-benefits h2 {\n    margin: 0;\n\n    max-width: 340px;\n\n    color: white;\n\n    font-size: 27px;\n    line-height: 1.08;\n    letter-spacing: -.7px;\n  }\n\n  .ng-benefits h2 span {\n    color: #ffe8ef;\n  }\n\n  .ng-benefit-list {\n    display: grid;\n    gap: 10px;\n\n    margin-top: 22px;\n  }\n\n  .ng-benefit-card {\n    display: grid;\n    grid-template-columns: 43px 1fr;\n\n    gap: 12px;\n\n    padding: 15px 13px;\n\n    border-radius: 17px;\n\n    background: rgba(255,255,255,.11);\n\n    border: 1px solid rgba(255,255,255,.15);\n  }\n\n  .ng-number {\n    width: 43px;\n    height: 43px;\n\n    border-radius: 50%;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    background: #fff1f5;\n\n    color: var(--ng-deep);\n\n    font-size: 11px;\n    font-weight: 900;\n  }\n\n  .ng-benefit-card h3 {\n    margin: 1px 0 4px;\n\n    color: white;\n\n    font-size: 15px;\n    line-height: 1.25;\n  }\n\n  .ng-benefit-card p {\n    margin: 0;\n\n    color: rgba(255,255,255,.8);\n\n    font-size: 12px;\n    line-height: 1.55;\n  }\n\n\n  \/* PERFECT FOR *\/\n\n  .ng-perfect {\n    padding: 38px 4px 5px;\n\n    text-align: center;\n  }\n\n  .ng-perfect-label {\n    margin: 0 0 7px;\n\n    color: var(--ng-deep);\n\n    font-size: 10px;\n    font-weight: 850;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n  }\n\n  .ng-perfect h2 {\n    margin: 0;\n\n    color: var(--ng-dark);\n\n    font-size: 27px;\n    line-height: 1.1;\n  }\n\n  .ng-perfect p {\n    max-width: 560px;\n\n    margin: 11px auto 0;\n\n    color: var(--ng-muted);\n\n    font-size: 14px;\n    line-height: 1.7;\n  }\n\n  .ng-tags {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n\n    gap: 7px;\n\n    margin-top: 18px;\n  }\n\n  .ng-tag {\n    padding: 10px 13px;\n\n    border-radius: 999px;\n\n    background: white;\n\n    border: 1px solid rgba(169,88,116,.12);\n\n    box-shadow: 0 6px 18px rgba(124,73,94,.05);\n\n    font-size: 11px;\n    font-weight: 700;\n  }\n\n\n  \/* CTA *\/\n\n  .ng-cta-wrap {\n    margin-top: 28px;\n\n    padding: 21px 14px 16px;\n\n    border-radius: 23px;\n\n    text-align: center;\n\n    background:\n      linear-gradient(\n        180deg,\n        #ffffff 0%,\n        #fff3f6 100%\n      );\n\n    border: 1px solid rgba(169,88,116,.10);\n\n    box-shadow: 0 14px 40px rgba(124,73,94,.1);\n  }\n\n  .ng-cta-mini {\n    margin: 0 0 5px;\n\n    color: var(--ng-deep);\n\n    font-size: 10px;\n    font-weight: 850;\n    letter-spacing: 1.4px;\n    text-transform: uppercase;\n  }\n\n  .ng-cta-title {\n    margin: 0;\n\n    color: var(--ng-dark);\n\n    font-size: 21px;\n    line-height: 1.2;\n  }\n\n  .ng-cta-text {\n    max-width: 360px;\n\n    margin: 8px auto 15px;\n\n    color: var(--ng-muted);\n\n    font-size: 12px;\n    line-height: 1.55;\n  }\n\n  .ng-button {\n    width: 100%;\n    min-height: 59px;\n\n    padding: 15px 18px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 16px;\n\n    background:\n      linear-gradient(\n        135deg,\n        #dc8da6 0%,\n        #a95674 100%\n      );\n\n    color: white;\n\n    text-decoration: none;\n\n    font-size: 14px;\n    font-weight: 900;\n    letter-spacing: .5px;\n\n    box-shadow: 0 12px 28px rgba(168,79,117,.28);\n\n    transition: transform .2s ease;\n  }\n\n  .ng-button:active {\n    transform: scale(.98);\n  }\n\n  .ng-button-arrow {\n    margin-left: 8px;\n    font-size: 18px;\n  }\n\n  .ng-trust {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n\n    gap: 7px 12px;\n\n    margin-top: 13px;\n\n    color: var(--ng-muted);\n\n    font-size: 10px;\n  }\n\n\n  \/* SIGNOFF *\/\n\n  .ng-signoff {\n    margin-top: 38px;\n\n    text-align: center;\n  }\n\n  .ng-signoff-small {\n    margin: 0;\n\n    color: var(--ng-muted);\n\n    font-size: 9px;\n    font-weight: 750;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n  }\n\n  .ng-signoff-main {\n    margin: 7px 0 0;\n\n    color: var(--ng-dark);\n\n    font-size: 25px;\n    line-height: 1.2;\n\n    font-weight: 850;\n  }\n\n  .ng-signoff-main span {\n    color: var(--ng-rose);\n  }\n\n\n  \/* SMALL PHONES *\/\n\n  @media (max-width: 360px) {\n\n    .nightglow-section {\n      padding-left: 10px;\n      padding-right: 10px;\n    }\n\n    .ng-title {\n      font-size: 31px;\n    }\n\n    .ng-benefit-card {\n      grid-template-columns: 39px 1fr;\n    }\n\n    .ng-number {\n      width: 39px;\n      height: 39px;\n    }\n\n  }\n\n\n  \/* TABLET *\/\n\n  @media (min-width: 600px) {\n\n    .nightglow-section {\n      padding: 50px 22px 58px;\n    }\n\n    .ng-quick-grid {\n      grid-template-columns: repeat(4, 1fr);\n    }\n\n    .ng-benefits {\n      padding: 34px 28px;\n    }\n\n    .ng-benefit-list {\n      grid-template-columns: 1fr 1fr;\n    }\n\n    .ng-cta-wrap {\n      max-width: 620px;\n      margin: 34px auto 0;\n\n      padding: 26px;\n    }\n\n  }\n\n\n  \/* DESKTOP *\/\n\n  @media (min-width: 900px) {\n\n    .nightglow-section {\n      padding: 78px 30px;\n    }\n\n    .ng-subtitle {\n      font-size: 16px;\n    }\n\n    .ng-quick-grid {\n      margin-top: 38px;\n    }\n\n    .ng-benefits {\n      margin-top: 46px;\n\n      padding: 46px;\n    }\n\n    .ng-benefits h2 {\n      max-width: 460px;\n\n      font-size: 35px;\n    }\n\n    .ng-benefit-card {\n      padding: 19px;\n    }\n\n    .ng-benefit-card h3 {\n      font-size: 17px;\n    }\n\n    .ng-benefit-card p {\n      font-size: 13px;\n    }\n\n    .ng-perfect {\n      padding-top: 52px;\n    }\n\n    .ng-perfect h2 {\n      font-size: 32px;\n    }\n\n    .ng-button {\n      max-width: 460px;\n\n      margin: 0 auto;\n    }\n\n  }\n\u003c\/style\u003e\n\u003csection class=\"nightglow-section\"\u003e\n\u003cdiv class=\"ng-container\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"ng-badge\"\u003e🌙 Your Overnight Hair Essential\u003c\/div\u003e\n\u003ch2 class=\"ng-title\"\u003eWake Up to Gorgeous Hair. \u003cspan\u003e Every Morning. \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"ng-subtitle\"\u003eMeet the \u003cspan class=\"ng-highlight\"\u003e NightGlow Satin Bonnet \u003c\/span\u003e — designed to reduce friction while you sleep, helping protect your hairstyle and keep your hair feeling smoother overnight.\u003c\/p\u003e\n\u003c!-- QUICK BENEFITS --\u003e\n\u003cdiv class=\"ng-quick-grid\"\u003e\n\u003cdiv class=\"ng-quick-card\"\u003e\n\u003cdiv class=\"ng-icon\"\u003e🌙\u003c\/div\u003e\n\u003cstrong\u003e Smoother Mornings \u003c\/strong\u003e \u003csmall\u003e Helps reduce overnight friction \u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ng-quick-card\"\u003e\n\u003cdiv class=\"ng-icon\"\u003e💧\u003c\/div\u003e\n\u003cstrong\u003e Helps Retain Moisture \u003c\/strong\u003e \u003csmall\u003e Satin absorbs less than cotton \u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ng-quick-card\"\u003e\n\u003cdiv class=\"ng-icon\"\u003e✨\u003c\/div\u003e\n\u003cstrong\u003e Style Protection \u003c\/strong\u003e \u003csmall\u003e Helps preserve your hairstyle \u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ng-quick-card\"\u003e\n\u003cdiv class=\"ng-icon\"\u003e🎀\u003c\/div\u003e\n\u003cstrong\u003e Secure Fit \u003c\/strong\u003e \u003csmall\u003e Wide comfortable band \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BENEFITS --\u003e\n\u003cdiv class=\"ng-benefits\"\u003e\n\u003cp class=\"ng-section-label\"\u003eBeauty while you sleep\u003c\/p\u003e\n\u003ch2\u003eWhy you'll \u003cspan\u003e love NightGlow. \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"ng-benefit-list\"\u003e\n\u003cdiv class=\"ng-benefit-card\"\u003e\n\u003cdiv class=\"ng-number\"\u003e01\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eHelps Reduce Frizz\u003c\/h3\u003e\n\u003cp\u003eThe smooth satin surface helps reduce friction between your hair and pillow while you sleep.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ng-benefit-card\"\u003e\n\u003cdiv class=\"ng-number\"\u003e02\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eHelps Retain Moisture\u003c\/h3\u003e\n\u003cp\u003eSatin is less absorbent than many traditional cotton fabrics, helping your hair retain more of its natural moisture.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ng-benefit-card\"\u003e\n\u003cdiv class=\"ng-number\"\u003e03\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eProtects Your Style\u003c\/h3\u003e\n\u003cp\u003eHelps protect curls, braids, blowouts and other hairstyles from unnecessary overnight friction.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ng-benefit-card\"\u003e\n\u003cdiv class=\"ng-number\"\u003e04\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eWide Comfortable Band\u003c\/h3\u003e\n\u003cp\u003eDesigned with a wide band for a snug, comfortable fit throughout the night.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ng-benefit-card\"\u003e\n\u003cdiv class=\"ng-number\"\u003e05\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eRoomy Design\u003c\/h3\u003e\n\u003cp\u003eGenerous bonnet space gives you room for a variety of hair lengths, textures and protective styles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- PERFECT FOR --\u003e\n\u003cdiv class=\"ng-perfect\"\u003e\n\u003cp class=\"ng-perfect-label\"\u003eMade for your hair routine\u003c\/p\u003e\n\u003ch2\u003eProtect your style while you sleep.\u003c\/h2\u003e\n\u003cp\u003eFrom natural curls to braids, blowouts and protective styles, NightGlow adds a simple layer of protection to your nighttime routine.\u003c\/p\u003e\n\u003cdiv class=\"ng-tags\"\u003e\n\u003cdiv class=\"ng-tag\"\u003e🌀 Curls\u003c\/div\u003e\n\u003cdiv class=\"ng-tag\"\u003e💕 Braids\u003c\/div\u003e\n\u003cdiv class=\"ng-tag\"\u003e✨ Blowouts\u003c\/div\u003e\n\u003cdiv class=\"ng-tag\"\u003e👑 Protective Styles\u003c\/div\u003e\n\u003cdiv class=\"ng-tag\"\u003e🌙 Overnight Care\u003c\/div\u003e\n\u003cdiv class=\"ng-tag\"\u003e💇♀️ Long Hair\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA --\u003e\n\u003cdiv class=\"ng-cta-wrap\"\u003e\n\u003cp class=\"ng-cta-mini\"\u003eUpgrade your bedtime routine\u003c\/p\u003e\n\u003ch3 class=\"ng-cta-title\"\u003eReady for smoother mornings?\u003c\/h3\u003e\n\u003cp class=\"ng-cta-text\"\u003eSlip on NightGlow before bed and give your hair a smoother surface to rest against overnight.\u003c\/p\u003e\n\u003ca href=\"#ProductSubmitButton-{{%20section.id%20}}\" class=\"ng-button\"\u003e GET YOUR NIGHTGLOW \u003cspan class=\"ng-button-arrow\"\u003e → \u003c\/span\u003e \u003c\/a\u003e\n\u003cdiv class=\"ng-trust\"\u003e\n\u003cspan\u003e 🔒 Secure Checkout \u003c\/span\u003e \u003cspan\u003e 🌙 Overnight Hair Care \u003c\/span\u003e \u003cspan\u003e 📦 Easy Ordering \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SIGNOFF --\u003e\n\u003cdiv class=\"ng-signoff\"\u003e\n\u003cp class=\"ng-signoff-small\"\u003eGreat hair starts the night before\u003c\/p\u003e\n\u003cp class=\"ng-signoff-main\"\u003eSleep in satin. \u003cspan\u003e Wake up glowing. ✨ \u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"Eloria","offers":[{"title":"Black","offer_id":43718089474125,"sku":null,"price":159.0,"currency_code":"ZAR","in_stock":true},{"title":"White","offer_id":43718089506893,"sku":null,"price":159.0,"currency_code":"ZAR","in_stock":true},{"title":"Beige","offer_id":43718089539661,"sku":null,"price":159.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0727\/5456\/1101\/files\/b120ff62-582e-4dca-a696-da4eb5aa52aa.png?v=1788434137","url":"https:\/\/eloriaglow.co.za\/products\/nightglow-bonnet","provider":"Eloria","version":"1.0","type":"link"}