{"product_id":"gabby-gang-slay-bonnet","title":"Gabby Gang Slay Bonnet","description":"\u003csection class=\"gg-bonnet-page\"\u003e\n  \u003cstyle\u003e\n    .gg-bonnet-page{\n      --black:#050407;\n      --ink:#0b0710;\n      --pink:#ff3ebf;\n      --hot:#ff007f;\n      --blue:#29cfff;\n      --lime:#d9ff00;\n      --yellow:#efff00;\n      --white:#ffffff;\n      --soft:#f8e9ff;\n      --line:rgba(255,255,255,.18);\n      font-family: Arial, sans-serif;\n      color:var(--white);\n      background:\n        radial-gradient(circle at top left, rgba(255,62,191,.28), transparent 28%),\n        radial-gradient(circle at top right, rgba(217,255,0,.20), transparent 30%),\n        radial-gradient(circle at bottom, rgba(41,207,255,.16), transparent 35%),\n        linear-gradient(180deg,#050407 0%,#120714 48%,#050407 100%);\n      overflow:hidden;\n    }\n\n    .gg-bonnet-wrap{\n      max-width:1180px;\n      margin:auto;\n      padding:38px 16px 70px;\n    }\n\n    .gg-bonnet-hero{\n      position:relative;\n      display:grid;\n      grid-template-columns:1.05fr .95fr;\n      gap:32px;\n      align-items:center;\n      padding:38px;\n      border:1px solid var(--line);\n      border-radius:34px;\n      background:\n        linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.025)),\n        radial-gradient(circle at 12% 10%,rgba(255,62,191,.28),transparent 30%),\n        radial-gradient(circle at 90% 20%,rgba(217,255,0,.26),transparent 28%);\n      box-shadow:0 30px 90px rgba(0,0,0,.65);\n    }\n\n    .gg-bonnet-hero:before{\n      content:\"\";\n      position:absolute;\n      inset:-2px;\n      border-radius:34px;\n      background:linear-gradient(120deg,var(--pink),var(--lime),var(--blue),var(--pink));\n      opacity:.35;\n      filter:blur(18px);\n      z-index:0;\n    }\n\n    .gg-bonnet-hero \u003e *{position:relative;z-index:1;}\n\n    .gg-eyebrow{\n      display:inline-flex;\n      gap:8px;\n      align-items:center;\n      padding:9px 14px;\n      border-radius:999px;\n      background:rgba(217,255,0,.12);\n      border:1px solid rgba(217,255,0,.45);\n      color:var(--lime);\n      font-weight:900;\n      font-size:12px;\n      letter-spacing:.16em;\n      text-transform:uppercase;\n      box-shadow:0 0 28px rgba(217,255,0,.25);\n    }\n\n    .gg-title{\n      margin:18px 0 10px;\n      font-size:clamp(42px,7vw,86px);\n      line-height:.88;\n      letter-spacing:-.06em;\n      text-transform:uppercase;\n      font-weight:1000;\n      text-shadow:\n        4px 4px 0 #000,\n        0 0 28px rgba(255,62,191,.7);\n    }\n\n    .gg-title span{\n      display:block;\n      color:var(--lime);\n      text-shadow:\n        4px 4px 0 #000,\n        0 0 30px rgba(217,255,0,.75);\n    }\n\n    .gg-sub{\n      max-width:620px;\n      color:var(--soft);\n      font-size:18px;\n      line-height:1.65;\n      margin:0 0 22px;\n    }\n\n    .gg-badges{\n      display:flex;\n      flex-wrap:wrap;\n      gap:10px;\n      margin:20px 0 26px;\n    }\n\n    .gg-badge{\n      padding:10px 13px;\n      border-radius:999px;\n      background:#0d0a12;\n      border:1px solid rgba(255,255,255,.18);\n      font-size:13px;\n      font-weight:900;\n      box-shadow:0 0 20px rgba(255,62,191,.15);\n    }\n\n    .gg-badge:nth-child(1){color:var(--lime);}\n    .gg-badge:nth-child(2){color:var(--pink);}\n    .gg-badge:nth-child(3){color:var(--blue);}\n\n    .gg-actions{\n      display:flex;\n      flex-wrap:wrap;\n      gap:14px;\n      align-items:center;\n    }\n\n    .gg-btn{\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      padding:16px 24px;\n      border-radius:16px;\n      background:linear-gradient(135deg,var(--pink),#ff79d6);\n      color:white;\n      text-decoration:none;\n      font-weight:1000;\n      text-transform:uppercase;\n      letter-spacing:.06em;\n      box-shadow:0 18px 45px rgba(255,62,191,.38);\n      border:1px solid rgba(255,255,255,.22);\n    }\n\n    .gg-btn.secondary{\n      background:#09070d;\n      color:var(--lime);\n      border:1px solid rgba(217,255,0,.48);\n      box-shadow:0 18px 45px rgba(217,255,0,.14);\n    }\n\n    .gg-product-card{\n      position:relative;\n      padding:14px;\n      border-radius:30px;\n      background:#08060b;\n      border:1px solid rgba(255,255,255,.18);\n      transform:rotate(1.5deg);\n      box-shadow:0 28px 80px rgba(0,0,0,.7);\n    }\n\n    .gg-product-card img{\n      width:100%;\n      display:block;\n      border-radius:24px;\n      aspect-ratio:4\/5;\n      object-fit:cover;\n    }\n\n    .gg-drop-tag{\n      position:absolute;\n      left:22px;\n      bottom:22px;\n      padding:12px 15px;\n      border-radius:16px;\n      background:rgba(0,0,0,.82);\n      border:1px solid rgba(217,255,0,.55);\n      color:var(--lime);\n      font-weight:1000;\n      text-transform:uppercase;\n      box-shadow:0 0 26px rgba(217,255,0,.35);\n    }\n\n    .gg-section-title{\n      text-align:center;\n      margin:58px auto 22px;\n      max-width:850px;\n    }\n\n    .gg-section-title h2{\n      margin:0;\n      font-size:clamp(32px,5vw,58px);\n      line-height:.95;\n      text-transform:uppercase;\n      letter-spacing:-.04em;\n      text-shadow:0 0 26px rgba(255,62,191,.65);\n    }\n\n    .gg-section-title p{\n      color:#eadcf1;\n      font-size:17px;\n      line-height:1.6;\n    }\n\n    .gg-feature-grid{\n      display:grid;\n      grid-template-columns:repeat(4,1fr);\n      gap:16px;\n      margin-top:24px;\n    }\n\n    .gg-feature{\n      padding:22px 18px;\n      border-radius:22px;\n      background:\n        linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025));\n      border:1px solid rgba(255,255,255,.14);\n      box-shadow:0 20px 55px rgba(0,0,0,.45);\n    }\n\n    .gg-icon{\n      width:48px;\n      height:48px;\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      border-radius:15px;\n      margin-bottom:14px;\n      background:linear-gradient(135deg,var(--lime),var(--pink));\n      color:#050407;\n      font-size:22px;\n      font-weight:1000;\n      box-shadow:0 0 26px rgba(217,255,0,.25);\n    }\n\n    .gg-feature h3{\n      margin:0 0 8px;\n      font-size:18px;\n      text-transform:uppercase;\n      color:#fff;\n    }\n\n    .gg-feature p{\n      margin:0;\n      color:#e6d8ed;\n      line-height:1.55;\n      font-size:14px;\n    }\n\n    .gg-gallery{\n      display:grid;\n      grid-template-columns:1fr 1fr 1fr;\n      gap:16px;\n      margin-top:46px;\n    }\n\n    .gg-gallery img{\n      width:100%;\n      border-radius:24px;\n      aspect-ratio:4\/5;\n      object-fit:cover;\n      border:1px solid rgba(255,255,255,.16);\n      box-shadow:0 20px 60px rgba(0,0,0,.55);\n    }\n\n    .gg-collector{\n      margin-top:54px;\n      display:grid;\n      grid-template-columns:.9fr 1.1fr;\n      gap:22px;\n      align-items:center;\n      padding:28px;\n      border-radius:30px;\n      background:\n        radial-gradient(circle at left,rgba(217,255,0,.22),transparent 35%),\n        linear-gradient(135deg,rgba(255,62,191,.16),rgba(41,207,255,.08));\n      border:1px solid rgba(255,255,255,.16);\n    }\n\n    .gg-collector strong{\n      color:var(--lime);\n    }\n\n    .gg-collector h2{\n      margin:0 0 10px;\n      font-size:clamp(30px,4vw,52px);\n      line-height:.95;\n      text-transform:uppercase;\n    }\n\n    .gg-collector p{\n      color:#f2e8f7;\n      line-height:1.65;\n      font-size:17px;\n      margin:0;\n    }\n\n    .gg-price-box{\n      padding:24px;\n      border-radius:24px;\n      background:#07050a;\n      border:1px solid rgba(217,255,0,.38);\n      text-align:center;\n      box-shadow:0 0 38px rgba(217,255,0,.16);\n    }\n\n    .gg-price-box .small{\n      color:var(--pink);\n      font-weight:900;\n      text-transform:uppercase;\n      letter-spacing:.12em;\n      font-size:12px;\n    }\n\n    .gg-price{\n      font-size:54px;\n      font-weight:1000;\n      color:var(--lime);\n      margin:8px 0;\n      text-shadow:0 0 28px rgba(217,255,0,.55);\n    }\n\n    .gg-mini{\n      color:#ddcfe7;\n      font-size:14px;\n    }\n\n    .gg-final-cta{\n      margin-top:54px;\n      text-align:center;\n      padding:42px 22px;\n      border-radius:30px;\n      background:\n        linear-gradient(135deg,rgba(255,62,191,.22),rgba(217,255,0,.14)),\n        #09070d;\n      border:1px solid rgba(255,255,255,.18);\n      box-shadow:0 30px 90px rgba(0,0,0,.58);\n    }\n\n    .gg-final-cta h2{\n      margin:0 0 12px;\n      font-size:clamp(34px,6vw,66px);\n      line-height:.9;\n      text-transform:uppercase;\n      text-shadow:0 0 30px rgba(255,62,191,.7);\n    }\n\n    .gg-final-cta p{\n      margin:0 auto 24px;\n      max-width:720px;\n      color:#f1e3f8;\n      line-height:1.65;\n      font-size:17px;\n    }\n\n    @media(max-width:900px){\n      .gg-bonnet-hero,\n      .gg-collector{\n        grid-template-columns:1fr;\n      }\n\n      .gg-feature-grid{\n        grid-template-columns:1fr 1fr;\n      }\n\n      .gg-gallery{\n        grid-template-columns:1fr;\n      }\n\n      .gg-bonnet-hero{\n        padding:26px 18px;\n      }\n    }\n\n    @media(max-width:520px){\n      .gg-feature-grid{\n        grid-template-columns:1fr;\n      }\n\n      .gg-actions{\n        flex-direction:column;\n      }\n\n      .gg-btn{\n        width:100%;\n      }\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"gg-bonnet-wrap\"\u003e\n\n    \u003cdiv class=\"gg-bonnet-hero\"\u003e\n      \u003cdiv\u003e\n        \u003cdiv class=\"gg-eyebrow\"\u003eDROP 001 • OFFICIAL GABBY GANG COLLECTION\u003c\/div\u003e\n\n        \u003ch1 class=\"gg-title\"\u003e\n          Gabby Gang\n          \u003cspan\u003eSlay Bonnet™\u003c\/span\u003e\n        \u003c\/h1\u003e\n\n        \u003cp class=\"gg-sub\"\u003e\n          The first official Gabby Gang bonnet made for braid lovers, athletes, tournament girls,\n          and everyday slayers who need their style protected between appointments.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"gg-badges\"\u003e\n          \u003cdiv class=\"gg-badge\"\u003eMoisture-Absorbent\u003c\/div\u003e\n          \u003cdiv class=\"gg-badge\"\u003eHairline-Friendly Elastic\u003c\/div\u003e\n          \u003cdiv class=\"gg-badge\"\u003eGabby Autograph Collectible\u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"gg-actions\"\u003e\n          \u003ca class=\"gg-btn\" href=\"\/products\/gabby-gang-slay-bonnet\"\u003eShop The Drop\u003c\/a\u003e\n          \u003ca class=\"gg-btn secondary\" href=\"#features\"\u003eSee Features\u003c\/a\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"gg-product-card\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0655\/3849\/0627\/files\/IMG_9522.jpg?v=1780020587\" alt=\"Gabby Gang Slay Bonnet\"\u003e\n        \u003cdiv class=\"gg-drop-tag\"\u003eProtect The Slay™\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"gg-section-title\" id=\"features\"\u003e\n      \u003ch2\u003eBuilt For Braids. Made To Stay On.\u003c\/h2\u003e\n      \u003cp\u003e\n        This is not just a cute bonnet. It is a bold Gabby Gang protection piece designed\n        for real life, real movement, and real slays.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"gg-feature-grid\"\u003e\n      \u003cdiv class=\"gg-feature\"\u003e\n        \u003cdiv class=\"gg-icon\"\u003e💧\u003c\/div\u003e\n        \u003ch3\u003eMoisture-Absorbent\u003c\/h3\u003e\n        \u003cp\u003eHelps manage sweat, humidity, and overnight moisture so your braid style stays fresher longer.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"gg-feature\"\u003e\n        \u003cdiv class=\"gg-icon\"\u003e✨\u003c\/div\u003e\n        \u003ch3\u003eProtects Braids\u003c\/h3\u003e\n        \u003cp\u003eMade to help reduce friction, frizz, and messy braid breakdown between appointments.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"gg-feature\"\u003e\n        \u003cdiv class=\"gg-icon\"\u003e🖤\u003c\/div\u003e\n        \u003ch3\u003eElastic Band Fit\u003c\/h3\u003e\n        \u003cp\u003eSecure comfort-fit elastic helps the bonnet stay in place while protecting the hairline.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"gg-feature\"\u003e\n        \u003cdiv class=\"gg-icon\"\u003e✍🏽\u003c\/div\u003e\n        \u003ch3\u003eGabby Autograph\u003c\/h3\u003e\n        \u003cp\u003eEvery bonnet features Gabby’s signature printed into the design, making it an official collectible.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"gg-gallery\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0655\/3849\/0627\/files\/8710DEED-F207-4C4E-8DBE-AD98BB684072.png?v=1780021506\" alt=\"Gabby Gang bonnet front view\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0655\/3849\/0627\/files\/7BF5F8B0-5BBB-454E-A070-5F615027D261.png?v=1780020902\" alt=\"Gabby Gang bonnet autograph detail\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0655\/3849\/0627\/files\/BC7E399B-B32C-43DE-978C-66AE03BA1249.png?v=1780021297\" alt=\"Gabby Gang bonnet product display\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"gg-collector\"\u003e\n      \u003cdiv class=\"gg-price-box\"\u003e\n        \u003cdiv class=\"small\"\u003eLimited First Drop\u003c\/div\u003e\n        \u003cdiv class=\"gg-price\"\u003e$24.99\u003c\/div\u003e\n        \u003cdiv class=\"gg-mini\"\u003eIntro launch pricing\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv\u003e\n        \u003ch2\u003eNot Just A Bonnet. A Collectible.\u003c\/h2\u003e\n        \u003cp\u003e\n          The \u003cstrong\u003eGabby Gang Slay Bonnet™\u003c\/strong\u003e features exclusive graffiti artwork,\n          softball-inspired details, bold neon color, and Gabby’s autograph built directly into the print.\n          This first drop is part of Gabby Gang history.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"gg-final-cta\"\u003e\n      \u003ch2\u003eSleep. Protect. Slay. Repeat.\u003c\/h2\u003e\n      \u003cp\u003e\n        Fresh braids deserve protection. Grab the first official Gabby Gang Slay Bonnet™\n        before Drop 001 is gone.\n      \u003c\/p\u003e\n      \u003ca class=\"gg-btn\" href=\"\/products\/gabby-gang-slay-bonnet\"\u003eGet Yours Now\u003c\/a\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"Gabby-101","offers":[{"title":"Default Title","offer_id":48276726153475,"sku":null,"price":24.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0655\/3849\/0627\/files\/IMG_9523.jpg?v=1780020516","url":"https:\/\/gabby-101.myshopify.com\/products\/gabby-gang-slay-bonnet","provider":"Gabby-101","version":"1.0","type":"link"}