{"product_id":"the-disruptor-personality-band","title":"The Disruptor Personality Band (Dark Charcoal – Slate Grey)","description":"\u003cdiv style=\"max-width:680px;margin:0 auto;font-family:inherit;color:#f0e4dc;\"\u003e\n\n  \u003cp style=\"font-size:13px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:#c9c7c2;margin:0 0 6px;\"\u003eDark Charcoal — Slate Grey\u003c\/p\u003e\n  \u003ch2 style=\"font-size:16px;color:#b4b2a9;margin:0 0 24px;\"\u003eRules were made for people who needed them.\u003c\/h2\u003e\n\n  \u003cp style=\"font-size:14px;color:#a8a49a;margin:0 0 14px;\"\u003eTap to find out what's true.\u003c\/p\u003e\n  \u003cdiv id=\"dis-cards\" style=\"display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:0 0 32px;\"\u003e\u003c\/div\u003e\n\n  \u003ch3 style=\"font-size:20px;color:#ffffff;margin:0 0 12px;\"\u003eYou already know if this is you.\u003c\/h3\u003e\n  \u003cp style=\"font-size:16px;line-height:1.7;color:#e8ded6;margin:0 0 16px;\"\u003eRules were made for people who needed them — and that's not you. You see broken systems where others see normal, and you can't help but challenge them. You're not being difficult. You're just refusing to pretend something works when it doesn't.\u003c\/p\u003e\n  \u003cp style=\"font-size:16px;line-height:1.7;color:#e8ded6;margin:0 0 16px;\"\u003eYour energy is magnetic and your confidence is hard-earned. You've never been scared of standing alone, because you've done it enough times to know that being right eventually looks a lot like being early.\u003c\/p\u003e\n  \u003cp style=\"font-size:16px;line-height:1.7;color:#e8ded6;margin:0 0 32px;\"\u003ePeople call you difficult before they know you, and something else entirely once they do. You don't break things for the sake of it — you break things because the old way stopped working, and someone had to say it out loud.\u003c\/p\u003e\n\n  \u003cp style=\"font-size:13px;font-weight:600;letter-spacing:0.02em;text-transform:uppercase;color:#c9c7c2;margin:0 0 14px;\"\u003eWhich side are you today? Tap to flip.\u003c\/p\u003e\n\n  \u003cdiv id=\"dis-single\" class=\"dis-card\"\u003e\n    \u003cdiv class=\"dis-card-inner\"\u003e\n      \u003cdiv class=\"dis-face dis-front dis-front-power\"\u003e\n        \u003cspan class=\"icon\"\u003e⚡\u003c\/span\u003e\n        \u003cp class=\"label\"\u003ePower side — Dark Charcoal\u003c\/p\u003e\n        \u003cp class=\"body\"\u003eThis is you unfiltered. Bold, electric, allergic to sitting quietly while something broken gets called fine. You say the thing everyone else is thinking but too polite to say out loud.\u003c\/p\u003e\n        \u003cp class=\"body\"\u003eYou've walked out of rooms that weren't serving you and never looked back. People remember the moment you pushed back — because you were usually right, and you never needed them to admit it.\u003c\/p\u003e\n        \u003cp class=\"tap\"\u003eTap to flip\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"dis-face dis-back dis-back-peace\"\u003e\n        \u003cspan class=\"icon\"\u003e🍃\u003c\/span\u003e\n        \u003cp class=\"label\"\u003ePeace side — Slate Grey\u003c\/p\u003e\n        \u003cp class=\"body\"\u003eFlip the band and this is you off-duty — still sharp, still yours, just not fighting anything right now. The Disruptor doesn't need a cause every hour of every day.\u003c\/p\u003e\n        \u003cp class=\"body\"\u003eThis is you quietly plotting the next thing worth challenging, content for now, but never fully at rest. Even your stillness has an edge to it.\u003c\/p\u003e\n        \u003cp class=\"tap\"\u003eTap to flip back\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"border-top:1px solid #4a4842;border-bottom:1px solid #4a4842;padding:24px 0;margin:32px 0;\"\u003e\n    \u003cp style=\"font-size:13px;font-weight:600;letter-spacing:0.02em;text-transform:uppercase;color:#c9c7c2;margin:0 0 6px;\"\u003eFind your fictional twins\u003c\/p\u003e\n    \u003cp style=\"font-size:14px;color:#a8a49a;margin:0 0 16px;\"\u003eTap each name.\u003c\/p\u003e\n    \u003cdiv id=\"dis-twins\" style=\"display:flex;flex-direction:column;gap:10px;\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"margin-top:8px;padding-top:24px;border-top:1px solid #4a4842;\"\u003e\n    \u003ch3 style=\"font-size:16px;color:#ffffff;margin:0 0 12px;\"\u003eThe band\u003c\/h3\u003e\n    \u003cp style=\"font-size:15px;line-height:1.6;color:#c9beb4;margin:0 0 16px;\"\u003ePremium silicone \u0026amp; magnetic fidget band, dual-sided — flip between Power (Dark Charcoal) and Peace (Slate Grey) depending on which version of you shows up that day.\u003c\/p\u003e\n    \u003cul style=\"font-size:14px;line-height:1.9;color:#c9beb4;margin:0 0 16px;padding-left:20px;\"\u003e\n      \u003cli\u003ePremium silicone, magnetic closure\u003c\/li\u003e\n      \u003cli\u003eOne size, adjustable fit\u003c\/li\u003e\n      \u003cli\u003eDual-tone: Power \/ Peace\u003c\/li\u003e\n      \u003cli\u003ePart of the 8 Base Personality Bands\u003c\/li\u003e\n    \u003c\/ul\u003e\n    \u003cp style=\"font-size:13px;color:#8a8078;margin:0;\"\u003e\u003cstrong\u003eCare:\u003c\/strong\u003e Wipe clean with a damp cloth. Avoid prolonged direct sunlight to preserve color.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  .dis-card-mini { position:relative; height:90px; perspective:800px; cursor:pointer; }\n  .dis-card-mini-inner { position:relative; width:100%; height:100%; transition:transform 0.5s cubic-bezier(.34,1.56,.64,1); transform-style:preserve-3d; }\n  .dis-card-mini.flipped .dis-card-mini-inner { transform:rotateY(180deg); }\n  .dis-face-mini { position:absolute; inset:0; backface-visibility:hidden; border-radius:10px; display:flex; align-items:center; justify-content:center; padding:10px; text-align:center; }\n  .dis-front-mini { background:#2a2a27; border:1px solid #5f5e5a; }\n  .dis-front-mini span { font-size:22px; }\n  .dis-back-mini { background:#1c1c1a; transform:rotateY(180deg); border:1px solid #8b8d93; }\n  .dis-back-mini p { font-size:15px; font-weight:600; letter-spacing:0.02em; text-transform:uppercase; color:#fff; margin:0; }\n  @keyframes dis-pulse { 0% { box-shadow:0 0 0 0 rgba(139,141,147,0.4); } 100% { box-shadow:0 0 0 10px rgba(139,141,147,0); } }\n  .dis-pulse { animation: dis-pulse 0.5s ease-out; }\n\n  .twin-row { border:1px solid #4a4842; border-radius:10px; overflow:hidden; cursor:pointer; }\n  .twin-head { padding:14px 16px; font-size:16px; font-weight:600; color:#c9c7c2; background:#2a2a27; transition:background 0.2s ease; }\n  .twin-row:hover .twin-head { background:#3a3a35; }\n  .twin-body { max-height:0; overflow:hidden; transition:max-height 0.35s ease, padding 0.35s ease; background:#2a2a27; }\n  .twin-row.open .twin-body { max-height:200px; padding:0 16px 16px; }\n  .twin-body p { font-size:14.5px; line-height:1.6; color:#e8ded6; margin:0; }\n\n  .dis-card { position:relative; height:340px; perspective:1200px; cursor:pointer; }\n  .dis-card-inner { position:relative; width:100%; height:100%; transition:transform 0.6s cubic-bezier(.34,1.2,.64,1); transform-style:preserve-3d; }\n  .dis-card.flipped .dis-card-inner { transform:rotateY(180deg); }\n  .dis-face { position:absolute; inset:0; backface-visibility:hidden; border-radius:12px; padding:22px; display:flex; flex-direction:column; align-items:center; text-align:center; overflow-y:auto; }\n  .dis-front-power { background:#1c1c1a; border:1px solid #3a3a35; animation: dis-breathe 2.6s ease-in-out infinite; }\n  .dis-back-peace { transform:rotateY(180deg); background:#5a5c62; }\n  .dis-face .icon { font-size:24px; margin-bottom:10px; }\n  .dis-face p.label { font-size:12px; font-weight:600; letter-spacing:0.04em; text-transform:uppercase; margin:0 0 10px; }\n  .dis-front-power p.label { color:#a8a49a; }\n  .dis-back-peace p.label { color:#e4e5e8; }\n  .dis-face p.body { font-size:14px; line-height:1.65; margin:0 0 10px; text-align:left; }\n  .dis-front-power p.body { color:#e8ded6; }\n  .dis-back-peace p.body { color:#fff; }\n  .dis-face p.tap { font-size:11px; opacity:0.75; margin:6px 0 0; }\n  .dis-front-power p.tap { color:#8a8680; }\n  .dis-back-peace p.tap { color:#d3d4d7; }\n  @keyframes dis-breathe {\n    0%, 100% { box-shadow:0 0 0 0 rgba(139,141,147,0.35); }\n    50% { box-shadow:0 0 0 8px rgba(139,141,147,0); }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n(function() {\n  var words = [\"Fearless\", \"Bold\", \"Unconventional\", \"Electric\"];\n  var cardWrap = document.getElementById('dis-cards');\n\n  words.forEach(function(word) {\n    var card = document.createElement('div');\n    card.className = 'dis-card-mini';\n    card.innerHTML =\n      '\u003cdiv class=\"dis-card-mini-inner\"\u003e' +\n        '\u003cdiv class=\"dis-face-mini dis-front-mini\"\u003e\u003cspan\u003e\u0026#10024;\u003c\/span\u003e\u003c\/div\u003e' +\n        '\u003cdiv class=\"dis-face-mini dis-back-mini\"\u003e\u003cp\u003e' + word + '\u003c\/p\u003e\u003c\/div\u003e' +\n      '\u003c\/div\u003e';\n    card.addEventListener('click', function() {\n      card.classList.toggle('flipped');\n      if (card.classList.contains('flipped')) {\n        card.classList.add('dis-pulse');\n        setTimeout(function(){ card.classList.remove('dis-pulse'); }, 500);\n      }\n    });\n    cardWrap.appendChild(card);\n  });\n\n  var twins = [\n    { name: \"The Joker\", text: \"Doesn't follow the system because the system was never built for people like him — chaos with a point to prove.\" },\n    { name: \"Jack Sparrow\", text: \"Makes his own rules up as he goes, and somehow still ends up ahead of everyone playing it safe.\" },\n    { name: \"Deadpool\", text: \"Says the thing nobody else will, breaks the fourth wall along with everything else, and never once apologizes for it.\" }\n  ];\n  var twinWrap = document.getElementById('dis-twins');\n\n  twins.forEach(function(t) {\n    var row = document.createElement('div');\n    row.className = 'twin-row';\n    row.innerHTML = '\u003cdiv class=\"twin-head\"\u003e' + t.name + '\u003c\/div\u003e\u003cdiv class=\"twin-body\"\u003e\u003cp\u003e' + t.text + '\u003c\/p\u003e\u003c\/div\u003e';\n    row.addEventListener('click', function() {\n      row.classList.toggle('open');\n    });\n    twinWrap.appendChild(row);\n  });\n\n  document.getElementById('dis-single').addEventListener('click', function() {\n    this.classList.toggle('flipped');\n  });\n})();\n\u003c\/script\u003e","brand":"bondsband","offers":[{"title":"Default Title","offer_id":51717099978933,"sku":null,"price":99.0,"currency_code":"AED","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0976\/9553\/1189\/files\/IMG_9896.jpg?v=1777925817","url":"https:\/\/16by2.com\/products\/the-disruptor-personality-band","provider":"16\/2","version":"1.0","type":"link"}