{"product_id":"bluvander-butterfly-braid-guide","title":"Bluvander Butterfly Braid Guide","description":"\u003cstyle\u003e\n  .bbg-page{\n    --bg:#07020d;\n    --deep:#140522;\n    --purple:#8b38ff;\n    --pink:#ff4fd8;\n    --blue:#20c8ff;\n    --gold:#f8d36b;\n    --text:#ffffff;\n    --muted:rgba(255,255,255,.78);\n    --card:rgba(255,255,255,.08);\n    --line:rgba(255,255,255,.18);\n    font-family:Arial,Helvetica,sans-serif;\n    background:\n      radial-gradient(circle at top left, rgba(32,200,255,.22), transparent 28%),\n      radial-gradient(circle at top right, rgba(255,79,216,.24), transparent 30%),\n      linear-gradient(180deg,var(--bg),var(--deep),#050108);\n    color:var(--text);\n    padding:42px 16px;\n    overflow:hidden;\n  }\n\n  .bbg-page *{box-sizing:border-box;}\n\n  .bbg-wrap{\n    max-width:1180px;\n    margin:0 auto;\n  }\n\n  .bbg-hero{\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:34px;\n    align-items:center;\n    border:1px solid var(--line);\n    border-radius:34px;\n    padding:36px;\n    background:rgba(255,255,255,.06);\n    box-shadow:0 25px 70px rgba(0,0,0,.45);\n  }\n\n  .bbg-kicker{\n    color:var(--gold);\n    letter-spacing:.18em;\n    text-transform:uppercase;\n    font-size:13px;\n    font-weight:800;\n    margin-bottom:10px;\n  }\n\n  .bbg-title{\n    font-size:clamp(42px,7vw,82px);\n    line-height:.95;\n    margin:0 0 18px;\n    font-weight:900;\n    letter-spacing:-.04em;\n  }\n\n  .bbg-title span{\n    display:block;\n    background:linear-gradient(90deg,var(--blue),var(--pink),var(--gold));\n    -webkit-background-clip:text;\n    background-clip:text;\n    color:transparent;\n  }\n\n  .bbg-sub{\n    font-size:19px;\n    line-height:1.6;\n    color:var(--muted);\n    margin:0 0 24px;\n    max-width:560px;\n  }\n\n  .bbg-price{\n    display:inline-flex;\n    align-items:center;\n    gap:10px;\n    padding:12px 18px;\n    border-radius:999px;\n    background:rgba(255,255,255,.1);\n    border:1px solid rgba(248,211,107,.45);\n    color:var(--gold);\n    font-weight:900;\n    margin-bottom:22px;\n  }\n\n  .bbg-cta-row{\n    display:flex;\n    flex-wrap:wrap;\n    gap:12px;\n    align-items:center;\n  }\n\n  .bbg-btn{\n    display:inline-block;\n    text-decoration:none;\n    padding:15px 24px;\n    border-radius:999px;\n    font-weight:900;\n    letter-spacing:.03em;\n    background:linear-gradient(90deg,var(--pink),var(--purple),var(--blue));\n    color:#fff!important;\n    box-shadow:0 0 24px rgba(255,79,216,.38);\n  }\n\n  .bbg-btn.secondary{\n    background:transparent;\n    border:1px solid rgba(255,255,255,.25);\n    box-shadow:none;\n  }\n\n  .bbg-mockup{\n    position:relative;\n    text-align:center;\n  }\n\n  .bbg-mockup img{\n    width:100%;\n    max-width:520px;\n    border-radius:24px;\n    box-shadow:0 30px 80px rgba(0,0,0,.6);\n  }\n\n  .bbg-badge{\n    position:absolute;\n    right:5%;\n    bottom:5%;\n    background:linear-gradient(135deg,var(--gold),#fff0a8);\n    color:#17051f;\n    border-radius:999px;\n    padding:16px 18px;\n    font-weight:900;\n    box-shadow:0 0 28px rgba(248,211,107,.45);\n    transform:rotate(-6deg);\n  }\n\n  .bbg-section{\n    margin-top:34px;\n    border:1px solid var(--line);\n    border-radius:30px;\n    padding:30px;\n    background:rgba(255,255,255,.055);\n  }\n\n  .bbg-section h2{\n    margin:0 0 14px;\n    font-size:clamp(28px,4vw,46px);\n    line-height:1;\n  }\n\n  .bbg-grid{\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:18px;\n    margin-top:22px;\n  }\n\n  .bbg-card{\n    background:var(--card);\n    border:1px solid var(--line);\n    border-radius:22px;\n    padding:22px;\n  }\n\n  .bbg-card h3{\n    margin:0 0 10px;\n    color:var(--gold);\n    font-size:20px;\n  }\n\n  .bbg-card p,\n  .bbg-card li{\n    color:var(--muted);\n    line-height:1.55;\n    font-size:15.5px;\n  }\n\n  .bbg-card ul{\n    margin:0;\n    padding-left:18px;\n  }\n\n  .bbg-meter{\n    display:grid;\n    grid-template-columns:repeat(5,1fr);\n    gap:12px;\n    margin-top:20px;\n  }\n\n  .bbg-step{\n    text-align:center;\n    padding:18px 12px;\n    border-radius:20px;\n    background:rgba(255,255,255,.08);\n    border:1px solid rgba(255,255,255,.14);\n  }\n\n  .bbg-step strong{\n    display:block;\n    font-size:26px;\n    color:var(--pink);\n    margin-bottom:8px;\n  }\n\n  .bbg-preview{\n    display:grid;\n    grid-template-columns:repeat(4,1fr);\n    gap:14px;\n    margin-top:22px;\n  }\n\n  .bbg-preview img{\n    width:100%;\n    border-radius:18px;\n    border:1px solid rgba(255,255,255,.18);\n  }\n\n  .bbg-final{\n    text-align:center;\n    padding:38px 24px;\n    border-radius:34px;\n    background:\n      radial-gradient(circle at center, rgba(255,79,216,.20), transparent 45%),\n      rgba(255,255,255,.07);\n  }\n\n  .bbg-final h2{\n    font-size:clamp(34px,5vw,58px);\n    margin:0 0 12px;\n  }\n\n  .bbg-note{\n    color:var(--muted);\n    font-size:14px;\n    margin-top:14px;\n  }\n\n  @media(max-width:850px){\n    .bbg-hero,\n    .bbg-grid{\n      grid-template-columns:1fr;\n    }\n\n    .bbg-meter{\n      grid-template-columns:1fr;\n    }\n\n    .bbg-preview{\n      grid-template-columns:repeat(2,1fr);\n    }\n\n    .bbg-hero{\n      padding:24px;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"bbg-page\"\u003e\n  \u003cdiv class=\"bbg-wrap\"\u003e\n\n    \u003csection class=\"bbg-hero\"\u003e\n      \u003cdiv\u003e\n        \u003cdiv class=\"bbg-kicker\"\u003eGabby101 Braid Lab Presents\u003c\/div\u003e\n        \u003ch1 class=\"bbg-title\"\u003eBluvander \u003cspan\u003eFantasy Braid Guide\u003c\/span\u003e\n\u003c\/h1\u003e\n        \u003cp class=\"bbg-sub\"\u003e\n          A step-by-step digital braid guide teaching the Bluvander color blend, braid structure,\n          glitter placement, butterfly detailing, and the final Slay Check™ system.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"bbg-price\"\u003eDigital Guide • Instant Access • $27\u003c\/div\u003e\n\n        \u003cdiv class=\"bbg-cta-row\"\u003e\n          \u003ca class=\"bbg-btn\" href=\"\/cart\/add?id=YOUR_VARIANT_ID_HERE\u0026amp;quantity=1\"\u003e\n            Get The Guide\n          \u003c\/a\u003e\n          \u003ca class=\"bbg-btn secondary\" href=\"#inside\"\u003e\n            See What’s Inside\n          \u003c\/a\u003e\n        \u003c\/div\u003e\n\n        \u003cp class=\"bbg-note\"\u003e\n          After purchase, you’ll receive access to the digital guide. No physical product is shipped.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"bbg-mockup\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0655\/3849\/0627\/files\/DFBC7AFA-3506-4821-8BBA-AE32CB192919.png?v=1778360206\" alt=\"Bluvander Fantasy Braid Guide 3D mockup\"\u003e\n        \u003cdiv class=\"bbg-badge\"\u003eBraid Lab Exclusive\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"bbg-section\" id=\"inside\"\u003e\n      \u003ch2\u003eWhat’s Inside The Guide\u003c\/h2\u003e\n      \u003cp class=\"bbg-sub\"\u003e\n        This is not just a pretty braid. This guide breaks down the styling system behind the look.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"bbg-grid\"\u003e\n        \u003cdiv class=\"bbg-card\"\u003e\n          \u003ch3\u003eBluvander Blend™\u003c\/h3\u003e\n          \u003cp\u003eLearn how to blend blue and lavender hair for a seamless fantasy color flow.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"bbg-card\"\u003e\n          \u003ch3\u003eBraid Structure\u003c\/h3\u003e\n          \u003cp\u003eUnderstand feed-ins, grip control, center alignment, and volume direction.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"bbg-card\"\u003e\n          \u003ch3\u003eButterfly Effect\u003c\/h3\u003e\n          \u003cp\u003eLearn how to pancake the colored loop edges without destroying the foundation.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"bbg-card\"\u003e\n          \u003ch3\u003eGlitter Placement\u003c\/h3\u003e\n          \u003cp\u003ePlace glitter cleanly on the middle part before accessories for a polished finish.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"bbg-card\"\u003e\n          \u003ch3\u003eButterfly Placement\u003c\/h3\u003e\n          \u003cp\u003eUse accessories to guide the eye, create movement, and balance the braid.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"bbg-card\"\u003e\n          \u003ch3\u003eFinal Slay Check™\u003c\/h3\u003e\n          \u003cp\u003eUse a reusable checklist to polish flyaways, balance shape, secure accessories, and finish strong.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"bbg-section\"\u003e\n      \u003ch2\u003eThe Slay Meter™ Progression\u003c\/h2\u003e\n      \u003cp class=\"bbg-sub\"\u003e\n        Track the transformation from foundation to full finish.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"bbg-meter\"\u003e\n        \u003cdiv class=\"bbg-step\"\u003e\n          \u003cstrong\u003e25%\u003c\/strong\u003e\n          Foundation\n        \u003c\/div\u003e\n        \u003cdiv class=\"bbg-step\"\u003e\n          \u003cstrong\u003e50%\u003c\/strong\u003e\n          Shape Visible\n        \u003c\/div\u003e\n        \u003cdiv class=\"bbg-step\"\u003e\n          \u003cstrong\u003e75%\u003c\/strong\u003e\n          Detail Phase\n        \u003c\/div\u003e\n        \u003cdiv class=\"bbg-step\"\u003e\n          \u003cstrong\u003e98%\u003c\/strong\u003e\n          Final Polish\n        \u003c\/div\u003e\n        \u003cdiv class=\"bbg-step\"\u003e\n          \u003cstrong\u003e100%\u003c\/strong\u003e\n          Slay Complete\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"bbg-section\"\u003e\n      \u003ch2\u003ePerfect For\u003c\/h2\u003e\n\n      \u003cdiv class=\"bbg-grid\"\u003e\n        \u003cdiv class=\"bbg-card\"\u003e\n          \u003ch3\u003eBraiders\u003c\/h3\u003e\n          \u003cul\u003e\n            \u003cli\u003eCreative styling inspiration\u003c\/li\u003e\n            \u003cli\u003eFantasy braid structure\u003c\/li\u003e\n            \u003cli\u003eClient-ready finishing details\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"bbg-card\"\u003e\n          \u003ch3\u003eSoftball Moms + Clients\u003c\/h3\u003e\n          \u003cul\u003e\n            \u003cli\u003eEvent braid inspiration\u003c\/li\u003e\n            \u003cli\u003eColor and accessory ideas\u003c\/li\u003e\n            \u003cli\u003eUnderstanding what makes the style special\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"bbg-card\"\u003e\n          \u003ch3\u003eContent Creators\u003c\/h3\u003e\n          \u003cul\u003e\n            \u003cli\u003ePhoto-ready braid styling\u003c\/li\u003e\n            \u003cli\u003eDetail shots and transformation ideas\u003c\/li\u003e\n            \u003cli\u003eVisual storytelling inspiration\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"bbg-section\"\u003e\n      \u003ch2\u003ePreview The Vibe\u003c\/h2\u003e\n      \u003cdiv class=\"bbg-preview\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0655\/3849\/0627\/files\/C5A8E8A7-B489-4752-A8D5-C198EC927321.png?v=1778379853\" alt=\"Bluvander guide preview page\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0655\/3849\/0627\/files\/E51728CE-D96B-4554-9C1D-BBEEF5DDBE54.png?v=1778379853\" alt=\"Bluvander guide preview page\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0655\/3849\/0627\/files\/6F8E2109-AF9D-40C3-9C60-69AC59431BCD.png?v=1778379855\" alt=\"Bluvander guide preview page\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0655\/3849\/0627\/files\/EF04B4C7-03C4-4A05-B7AF-07F578C156A1.png?v=1778379978\" alt=\"Bluvander guide preview page\"\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"bbg-section bbg-final\"\u003e\n      \u003ch2\u003eCreate. Slay. Transform.\u003c\/h2\u003e\n      \u003cp class=\"bbg-sub\" style=\"margin-left:auto;margin-right:auto;\"\u003e\n        This guide gives you the structure, detail language, and finishing system behind the Bluvander fantasy braid.\n      \u003c\/p\u003e\n\n      \n\n      \u003cp class=\"bbg-note\"\u003e\n        Tag @gabanadahllia using #Gabby101BraidLab when you recreate the look.\n      \u003c\/p\u003e\n    \u003c\/section\u003e\n\n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"Gabby-101","offers":[{"title":"Default Title","offer_id":48093645340931,"sku":null,"price":27.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0655\/3849\/0627\/files\/F1117E77-F9D4-4FDE-87B4-0F178356A1C9_5387f97c-8f22-4057-adf4-d7c34446bbf9.png?v=1778361032","url":"https:\/\/gabby-101.myshopify.com\/products\/bluvander-butterfly-braid-guide","provider":"Gabby-101","version":"1.0","type":"link"}