{"product_id":"dark-fantasy-button-eye-charm-bracelet-adjustable-storybook-inspired-bracelet-with-cat-key-dragonfly-charms","title":"Dark Fantasy Button-Eye Charm Bracelet – Adjustable Storybook-Inspired Bracelet with Cat, Key \u0026 Dragonfly Charms","description":"\u003cstyle\u003e\n  .tessvio-dark-storybook-v1 {\n    width: 100%;\n    max-width: 780px;\n    min-width: 0;\n    margin: 0 auto;\n    padding: 16px 0 30px;\n    overflow: hidden;\n\n    font-family: inherit;\n    font-size: 15px;\n    line-height: 1.7;\n\n    color: #e9ebf3;\n\n    --ink: #171722;\n    --ink2: #222132;\n    --ink3: #2c2a3f;\n\n    --violet: #7154c8;\n    --violet2: #9b78ef;\n\n    --green: #8cbf4e;\n    --green-soft: #dcebbf;\n\n    --yellow: #f0cf4a;\n    --yellow-soft: #fff2a0;\n\n    --blue: #5e9fe8;\n    --pink: #b65f9a;\n\n    --silver: #aaaab5;\n    --silver2: #d8d8df;\n\n    --paper: #f4efe3;\n    --paper2: #fffaf0;\n\n    --text: #34333d;\n    --muted: #777580;\n    --line: #ded9cf;\n  }\n\n  .tessvio-dark-storybook-v1,\n  .tessvio-dark-storybook-v1 *,\n  .tessvio-dark-storybook-v1 *::before,\n  .tessvio-dark-storybook-v1 *::after {\n    box-sizing: border-box;\n  }\n\n  .tessvio-dark-storybook-v1 h2,\n  .tessvio-dark-storybook-v1 h3,\n  .tessvio-dark-storybook-v1 p {\n    padding: 0;\n    text-transform: none;\n  }\n\n  .tessvio-dark-storybook-v1 h2 {\n    margin: 10px 0 15px;\n    font-size: 33px;\n    line-height: 1.04;\n    letter-spacing: -1px;\n  }\n\n  .tessvio-dark-storybook-v1 h3 {\n    margin: 0 0 9px;\n    font-size: 21px;\n    line-height: 1.3;\n  }\n\n  .tessvio-dark-storybook-v1 p {\n    margin: 0 0 12px;\n  }\n\n  .tessvio-dark-storybook-v1 p:last-child {\n    margin-bottom: 0;\n  }\n\n  .tessvio-dark-storybook-v1 ul {\n    margin: 0;\n    padding-left: 20px;\n  }\n\n  .tessvio-dark-storybook-v1 li {\n    margin-bottom: 8px;\n  }\n\n\n  \/* =========================\n     MOTION\n  ========================= *\/\n\n  @keyframes tds-float {\n    0%,100% {\n      transform: translateY(0) rotate(-1deg);\n    }\n\n    50% {\n      transform: translateY(-5px) rotate(1deg);\n    }\n  }\n\n  @keyframes tds-glow {\n    0%,100% {\n      box-shadow:\n        0 0 16px rgba(113,84,200,.10),\n        0 0 28px rgba(140,191,78,.05);\n    }\n\n    50% {\n      box-shadow:\n        0 0 28px rgba(113,84,200,.18),\n        0 0 42px rgba(182,95,154,.10);\n    }\n  }\n\n  @keyframes tds-shimmer {\n    0% {\n      background-position: 0% 50%;\n    }\n\n    50% {\n      background-position: 100% 50%;\n    }\n\n    100% {\n      background-position: 0% 50%;\n    }\n  }\n\n  @keyframes tds-shine {\n    0% {\n      transform: translateX(-160%) skewX(-14deg);\n      opacity: 0;\n    }\n\n    20% {\n      opacity: .25;\n    }\n\n    100% {\n      transform: translateX(300%) skewX(-14deg);\n      opacity: 0;\n    }\n  }\n\n\n  \/* =========================\n     TOP LINE\n  ========================= *\/\n\n  .tessvio-dark-storybook-v1 .tds-topline {\n    width: 100%;\n    height: 5px;\n    margin-bottom: 12px;\n\n    border-radius: 999px;\n\n    background:\n      linear-gradient(\n        90deg,\n        var(--violet),\n        var(--green),\n        var(--yellow),\n        var(--blue),\n        var(--pink),\n        var(--violet)\n      );\n\n    background-size: 260% 260%;\n    animation: tds-shimmer 8s ease infinite;\n\n    box-shadow:\n      0 0 13px rgba(113,84,200,.20);\n  }\n\n\n  \/* =========================\n     HERO\n  ========================= *\/\n\n  .tessvio-dark-storybook-v1 .tds-hero {\n    position: relative;\n    overflow: hidden;\n\n    padding: 61px 24px 53px;\n\n    border: 1px solid rgba(139,120,198,.30);\n    border-radius: 23px;\n\n    background:\n      radial-gradient(\n        circle at 12% 18%,\n        rgba(113,84,200,.24),\n        transparent 28%\n      ),\n      radial-gradient(\n        circle at 88% 18%,\n        rgba(140,191,78,.13),\n        transparent 27%\n      ),\n      radial-gradient(\n        circle at 78% 83%,\n        rgba(182,95,154,.15),\n        transparent 27%\n      ),\n      linear-gradient(\n        145deg,\n        #161620,\n        #232137,\n        #181722\n      );\n\n    box-shadow:\n      0 18px 40px rgba(18,18,31,.18);\n\n    text-align: center;\n\n    animation: tds-glow 5.5s ease-in-out infinite;\n  }\n\n  .tessvio-dark-storybook-v1 .tds-hero::before {\n    content: \"BUTTON EYES • BLACK CAT • KEY • DRAGONFLY\";\n    position: absolute;\n    top: 14px;\n    left: 0;\n    width: 100%;\n\n    color: rgba(226,224,239,.22);\n\n    font-size: 9px;\n    font-weight: 900;\n    letter-spacing: 1.3px;\n  }\n\n  .tessvio-dark-storybook-v1 .tds-hero::after {\n    content: \"FOLLOW THE KEY\";\n    position: absolute;\n    right: -4px;\n    bottom: -20px;\n\n    color: rgba(255,255,255,.045);\n\n    font-size: 47px;\n    font-weight: 900;\n  }\n\n  .tessvio-dark-storybook-v1 .tds-shine {\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    width: 74px;\n    height: 100%;\n\n    background:\n      linear-gradient(\n        90deg,\n        transparent,\n        rgba(255,255,255,.16),\n        transparent\n      );\n\n    animation: tds-shine 7s ease-in-out infinite;\n    pointer-events: none;\n  }\n\n  .tessvio-dark-storybook-v1 .tds-icon {\n    position: relative;\n    z-index: 2;\n\n    display: inline-block;\n    margin-bottom: 8px;\n\n    font-size: 49px;\n\n    animation: tds-float 3.4s ease-in-out infinite;\n  }\n\n  .tessvio-dark-storybook-v1 .tds-pill {\n    position: relative;\n    z-index: 2;\n\n    display: inline-block;\n\n    padding: 7px 13px;\n\n    border: 1px solid rgba(255,255,255,.14);\n    border-radius: 999px;\n\n    background:\n      linear-gradient(\n        90deg,\n        var(--violet),\n        #59408e\n      );\n\n    color: #fff;\n\n    font-size: 9px;\n    font-weight: 900;\n    letter-spacing: .9px;\n  }\n\n  .tessvio-dark-storybook-v1 .tds-hero h2 {\n    position: relative;\n    z-index: 2;\n\n    color: #fff;\n  }\n\n  .tessvio-dark-storybook-v1 .tds-hero h2 span {\n    background:\n      linear-gradient(\n        90deg,\n        #f4db62,\n        #a7d266,\n        #82b6ff,\n        #ca7fb1\n      );\n\n    background-size: 240% 240%;\n    animation: tds-shimmer 8s ease infinite;\n\n    -webkit-background-clip: text;\n    background-clip: text;\n\n    color: transparent;\n  }\n\n  .tessvio-dark-storybook-v1 .tds-hero p {\n    position: relative;\n    z-index: 2;\n\n    max-width: 650px;\n    margin-left: auto;\n    margin-right: auto;\n\n    color: #c9c8d2;\n  }\n\n\n  \/* =========================\n     IMPACT\n  ========================= *\/\n\n  .tessvio-dark-storybook-v1 .tds-impact {\n    margin: 18px 0 31px;\n    padding: 21px 17px;\n\n    border: 1px solid rgba(129,115,173,.32);\n    border-radius: 14px;\n\n    background:\n      linear-gradient(\n        120deg,\n        #1c1b29,\n        #29273d\n      );\n\n    text-align: center;\n  }\n\n  .tessvio-dark-storybook-v1 .tds-impact strong {\n    display: block;\n\n    color: #f0da70;\n    font-size: 17px;\n  }\n\n  .tessvio-dark-storybook-v1 .tds-impact span {\n    display: block;\n    margin-top: 4px;\n\n    color: #bdbbc7;\n    font-size: 12px;\n  }\n\n\n  \/* =========================\n     CORE STORY\n  ========================= *\/\n\n  .tessvio-dark-storybook-v1 .tds-core {\n    position: relative;\n    overflow: hidden;\n\n    margin: 32px 0;\n    padding: 33px 21px;\n\n    border: 1px solid #d9d1c1;\n    border-radius: 19px;\n\n    background:\n      radial-gradient(\n        circle at 88% 15%,\n        rgba(140,191,78,.12),\n        transparent 26%\n      ),\n      linear-gradient(\n        145deg,\n        #f5efe2,\n        #fffaf0\n      );\n\n    color: var(--text);\n  }\n\n  .tessvio-dark-storybook-v1 .tds-core::after {\n    content: \"THE STORY BEGINS\";\n    position: absolute;\n    right: -3px;\n    bottom: -15px;\n\n    color: rgba(62,54,46,.045);\n\n    font-size: 35px;\n    font-weight: 900;\n  }\n\n  .tessvio-dark-storybook-v1 .tds-core-label {\n    display: inline-block;\n    margin-bottom: 8px;\n\n    color: var(--violet);\n\n    font-size: 9px;\n    font-weight: 900;\n    letter-spacing: 1px;\n  }\n\n  .tessvio-dark-storybook-v1 .tds-core h3 {\n    position: relative;\n    z-index: 1;\n\n    color: #4c415f;\n    font-size: 24px;\n  }\n\n  .tessvio-dark-storybook-v1 .tds-core p {\n    position: relative;\n    z-index: 1;\n\n    color: #6f6a63;\n  }\n\n  .tessvio-dark-storybook-v1 .tds-core strong {\n    color: #7452b4;\n  }\n\n\n  \/* =========================\n     SECTION HEAD\n  ========================= *\/\n\n  .tessvio-dark-storybook-v1 .tds-head {\n    margin: 36px 0 15px;\n\n    text-align: center;\n  }\n\n  .tessvio-dark-storybook-v1 .tds-head span {\n    color: #8d7a9d;\n\n    font-size: 9px;\n    font-weight: 900;\n    letter-spacing: 1.4px;\n  }\n\n  .tessvio-dark-storybook-v1 .tds-head h3 {\n    margin-top: 4px;\n\n    color: #3e3c46;\n\n    font-size: 23px;\n  }\n\n  .tessvio-dark-storybook-v1 .tds-head p {\n    max-width: 570px;\n    margin-left: auto;\n    margin-right: auto;\n\n    color: #77747d;\n    font-size: 13px;\n  }\n\n\n  \/* =========================\n     CHARMS\n  ========================= *\/\n\n  .tessvio-dark-storybook-v1 .tds-charms {\n    display: grid;\n    grid-template-columns: repeat(2,minmax(0,1fr));\n    gap: 10px;\n\n    margin: 30px 0;\n  }\n\n  .tessvio-dark-storybook-v1 .tds-charm {\n    position: relative;\n    overflow: hidden;\n\n    padding: 20px 15px;\n\n    border: 1px solid #dfdce5;\n    border-radius: 13px;\n\n    background: #fff;\n\n    color: var(--text);\n  }\n\n  .tessvio-dark-storybook-v1 .tds-charm::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    width: 100%;\n    height: 3px;\n  }\n\n  .tessvio-dark-storybook-v1 .tds-charm:nth-child(1)::before {\n    background: var(--yellow);\n  }\n\n  .tessvio-dark-storybook-v1 .tds-charm:nth-child(2)::before {\n    background: #53505d;\n  }\n\n  .tessvio-dark-storybook-v1 .tds-charm:nth-child(3)::before {\n    background: var(--brass, #b88a4c);\n  }\n\n  .tessvio-dark-storybook-v1 .tds-charm:nth-child(4)::before {\n    background: var(--green);\n  }\n\n  .tessvio-dark-storybook-v1 .tds-charm:nth-child(5)::before {\n    background: var(--blue);\n  }\n\n  .tessvio-dark-storybook-v1 .tds-charm:nth-child(6)::before {\n    background: var(--pink);\n  }\n\n  .tessvio-dark-storybook-v1 .tds-charm-icon {\n    display: inline-block;\n    margin-bottom: 7px;\n\n    font-size: 26px;\n  }\n\n  .tessvio-dark-storybook-v1 .tds-charm strong {\n    display: block;\n    margin-bottom: 4px;\n\n    color: #46434d;\n    font-size: 13px;\n  }\n\n  .tessvio-dark-storybook-v1 .tds-charm span {\n    display: block;\n\n    color: #74717b;\n    font-size: 10px;\n    line-height: 1.45;\n  }\n\n\n  \/* =========================\n     ENAMEL\n  ========================= *\/\n\n  .tessvio-dark-storybook-v1 .tds-enamel {\n    position: relative;\n    overflow: hidden;\n\n    margin: 32px 0;\n    padding: 32px 21px;\n\n    border: 1px solid rgba(139,120,198,.30);\n    border-radius: 19px;\n\n    background:\n      radial-gradient(\n        circle at 86% 18%,\n        rgba(182,95,154,.17),\n        transparent 28%\n      ),\n      radial-gradient(\n        circle at 12% 84%,\n        rgba(94,159,232,.14),\n        transparent 26%\n      ),\n      linear-gradient(\n        145deg,\n        #1a1926,\n        #27253a\n      );\n  }\n\n  .tessvio-dark-storybook-v1 .tds-enamel::after {\n    content: \"COLOR IN THE DARK\";\n    position: absolute;\n    right: -3px;\n    bottom: -15px;\n\n    color: rgba(255,255,255,.055);\n\n    font-size: 33px;\n    font-weight: 900;\n  }\n\n  .tessvio-dark-storybook-v1 .tds-enamel-label {\n    display: inline-block;\n    margin-bottom: 8px;\n\n    color: #c2a8ff;\n\n    font-size: 9px;\n    font-weight: 900;\n    letter-spacing: 1px;\n  }\n\n  .tessvio-dark-storybook-v1 .tds-enamel h3 {\n    position: relative;\n    z-index: 1;\n\n    color: #fff;\n    font-size: 23px;\n  }\n\n  .tessvio-dark-storybook-v1 .tds-enamel p {\n    position: relative;\n    z-index: 1;\n\n    color: #c7c5d0;\n  }\n\n\n  \/* =========================\n     FIT\n  ========================= *\/\n\n  .tessvio-dark-storybook-v1 .tds-fit {\n    position: relative;\n    overflow: hidden;\n\n    margin: 32px 0;\n    padding: 31px 21px;\n\n    border: 1px solid #d7d0c6;\n    border-radius: 19px;\n\n    background:\n      linear-gradient(\n        135deg,\n        #f5efe5,\n        #fffaf2\n      );\n\n    color: var(--text);\n  }\n\n  .tessvio-dark-storybook-v1 .tds-fit::after {\n    content: \"ADJUSTABLE FIT\";\n    position: absolute;\n    right: -3px;\n    bottom: -16px;\n\n    color: rgba(66,57,51,.045);\n\n    font-size: 38px;\n    font-weight: 900;\n  }\n\n  .tessvio-dark-storybook-v1 .tds-fit-label {\n    display: inline-block;\n    margin-bottom: 8px;\n\n    color: var(--green);\n\n    font-size: 9px;\n    font-weight: 900;\n    letter-spacing: 1px;\n  }\n\n  .tessvio-dark-storybook-v1 .tds-fit h3 {\n    position: relative;\n    z-index: 1;\n\n    color: #56644a;\n\n    font-size: 23px;\n  }\n\n  .tessvio-dark-storybook-v1 .tds-fit p {\n    position: relative;\n    z-index: 1;\n\n    color: #6f6a64;\n  }\n\n  .tessvio-dark-storybook-v1 .tds-fit-grid {\n    position: relative;\n    z-index: 1;\n\n    display: grid;\n    grid-template-columns: repeat(3,minmax(0,1fr));\n    gap: 9px;\n\n    margin-top: 15px;\n  }\n\n  .tessvio-dark-storybook-v1 .tds-fit-card {\n    padding: 16px 9px;\n\n    border: 1px solid #ded9cf;\n    border-radius: 11px;\n\n    background: #fff;\n\n    text-align: center;\n  }\n\n  .tessvio-dark-storybook-v1 .tds-fit-card strong {\n    display: block;\n\n    color: #7456a8;\n    font-size: 15px;\n  }\n\n  .tessvio-dark-storybook-v1 .tds-fit-card span {\n    display: block;\n    margin-top: 3px;\n\n    color: #77747c;\n    font-size: 9px;\n  }\n\n\n  \/* =========================\n     STYLE USE\n  ========================= *\/\n\n  .tessvio-dark-storybook-v1 .tds-uses {\n    margin: 32px 0;\n    padding: 25px 18px;\n\n    border: 1px solid #dfdce4;\n    border-radius: 17px;\n\n    background: #fbfaff;\n\n    color: var(--text);\n  }\n\n  .tessvio-dark-storybook-v1 .tds-use-grid {\n    display: grid;\n    grid-template-columns: repeat(2,minmax(0,1fr));\n    gap: 9px;\n\n    margin-top: 14px;\n  }\n\n  .tessvio-dark-storybook-v1 .tds-use {\n    padding: 14px 9px;\n\n    border: 1px solid #e2dfe6;\n    border-radius: 10px;\n\n    background: #fff;\n\n    text-align: center;\n\n    color: #64616c;\n    font-size: 11px;\n    font-weight: 700;\n  }\n\n\n  \/* =========================\n     GIFT\n  ========================= *\/\n\n  .tessvio-dark-storybook-v1 .tds-gift {\n    position: relative;\n    overflow: hidden;\n\n    margin: 32px 0;\n    padding: 32px 21px;\n\n    border: 1px solid rgba(113,84,200,.34);\n    border-radius: 19px;\n\n    background:\n      linear-gradient(\n        135deg,\n        #5b438f,\n        #7354b5\n      );\n\n    color: #fff;\n  }\n\n  .tessvio-dark-storybook-v1 .tds-gift::after {\n    content: \"BEAUTIFULLY STRANGE\";\n    position: absolute;\n    right: -3px;\n    bottom: -16px;\n\n    color: rgba(255,255,255,.10);\n\n    font-size: 31px;\n    font-weight: 900;\n  }\n\n  .tessvio-dark-storybook-v1 .tds-gift-label {\n    display: inline-block;\n    margin-bottom: 8px;\n\n    color: #f4df76;\n\n    font-size: 9px;\n    font-weight: 900;\n    letter-spacing: 1px;\n  }\n\n  .tessvio-dark-storybook-v1 .tds-gift h3 {\n    position: relative;\n    z-index: 1;\n\n    color: #fff;\n\n    font-size: 23px;\n  }\n\n  .tessvio-dark-storybook-v1 .tds-gift p {\n    position: relative;\n    z-index: 1;\n\n    color: rgba(255,255,255,.93);\n  }\n\n\n  \/* =========================\n     DETAILS\n  ========================= *\/\n\n  .tessvio-dark-storybook-v1 .tds-details {\n    margin: 31px 0;\n    padding: 23px 19px;\n\n    border: 1px solid #dfdbd3;\n    border-radius: 17px;\n\n    background: #fffaf2;\n\n    color: var(--text);\n  }\n\n  .tessvio-dark-storybook-v1 .tds-detail-row {\n    display: grid;\n    grid-template-columns: 145px minmax(0,1fr);\n    gap: 14px;\n\n    padding: 10px 0;\n\n    border-bottom: 1px solid #e8e3da;\n  }\n\n  .tessvio-dark-storybook-v1 .tds-detail-row:last-child {\n    border-bottom: 0;\n  }\n\n  .tessvio-dark-storybook-v1 .tds-detail-row strong {\n    color: #4c4952;\n    font-size: 12px;\n  }\n\n  .tessvio-dark-storybook-v1 .tds-detail-row span {\n    color: #76727a;\n    font-size: 12px;\n  }\n\n\n  \/* =========================\n     CARE\n  ========================= *\/\n\n  .tessvio-dark-storybook-v1 .tds-care {\n    margin: 26px 0;\n    padding: 18px 17px;\n\n    border-left: 4px solid var(--violet);\n    border-radius: 0 12px 12px 0;\n\n    background: #f2edfb;\n\n    color: var(--text);\n  }\n\n  .tessvio-dark-storybook-v1 .tds-care h3 {\n    color: #67508f;\n  }\n\n  .tessvio-dark-storybook-v1 .tds-care li {\n    color: #66636b;\n    font-size: 13px;\n  }\n\n\n  \/* =========================\n     CLOSE\n  ========================= *\/\n\n  .tessvio-dark-storybook-v1 .tds-close {\n    position: relative;\n    overflow: hidden;\n\n    margin: 33px 0 0;\n    padding: 45px 20px 41px;\n\n    border: 1px solid rgba(139,120,198,.32);\n    border-radius: 20px;\n\n    background:\n      radial-gradient(\n        circle at 12% 18%,\n        rgba(113,84,200,.22),\n        transparent 27%\n      ),\n      radial-gradient(\n        circle at 88% 82%,\n        rgba(140,191,78,.13),\n        transparent 26%\n      ),\n      linear-gradient(\n        145deg,\n        #171620,\n        #242235\n      );\n\n    text-align: center;\n\n    box-shadow:\n      0 18px 38px rgba(18,18,30,.16);\n  }\n\n  .tessvio-dark-storybook-v1 .tds-close-icon {\n    display: inline-block;\n    margin-bottom: 7px;\n\n    font-size: 44px;\n\n    animation: tds-float 3.2s ease-in-out infinite;\n  }\n\n  .tessvio-dark-storybook-v1 .tds-close h3 {\n    font-size: 23px;\n\n    background:\n      linear-gradient(\n        90deg,\n        #f0d75e,\n        #9bc85a,\n        #82b4ff,\n        #ca7fb2\n      );\n\n    -webkit-background-clip: text;\n    background-clip: text;\n\n    color: transparent;\n  }\n\n  .tessvio-dark-storybook-v1 .tds-close p {\n    max-width: 610px;\n    margin-left: auto;\n    margin-right: auto;\n\n    color: #c9c7d1;\n  }\n\n\n  \/* =========================\n     HOVER\n  ========================= *\/\n\n  @media (hover:hover) and (pointer:fine) {\n\n    .tessvio-dark-storybook-v1 .tds-charm,\n    .tessvio-dark-storybook-v1 .tds-use,\n    .tessvio-dark-storybook-v1 .tds-fit-card {\n      transition:\n        transform .22s ease,\n        box-shadow .22s ease;\n    }\n\n    .tessvio-dark-storybook-v1 .tds-charm:hover,\n    .tessvio-dark-storybook-v1 .tds-use:hover,\n    .tessvio-dark-storybook-v1 .tds-fit-card:hover {\n      transform: translateY(-3px);\n\n      box-shadow:\n        0 10px 20px rgba(63,55,80,.08);\n    }\n  }\n\n\n  \/* =========================\n     MOBILE\n  ========================= *\/\n\n  @media (max-width:600px) {\n\n    .tessvio-dark-storybook-v1 h2 {\n      font-size: 26px;\n    }\n\n    .tessvio-dark-storybook-v1 .tds-hero {\n      padding: 45px 17px 40px;\n    }\n\n    .tessvio-dark-storybook-v1 .tds-charms,\n    .tessvio-dark-storybook-v1 .tds-fit-grid,\n    .tessvio-dark-storybook-v1 .tds-use-grid {\n      grid-template-columns: repeat(2,minmax(0,1fr));\n    }\n\n    .tessvio-dark-storybook-v1 .tds-detail-row {\n      grid-template-columns: 112px minmax(0,1fr);\n      gap: 10px;\n    }\n  }\n\n  @media (max-width:380px) {\n\n    .tessvio-dark-storybook-v1 .tds-charms,\n    .tessvio-dark-storybook-v1 .tds-fit-grid,\n    .tessvio-dark-storybook-v1 .tds-use-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n\n    .tessvio-dark-storybook-v1 *,\n    .tessvio-dark-storybook-v1 *::before,\n    .tessvio-dark-storybook-v1 *::after {\n      animation: none !important;\n      transition: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"tessvio-dark-storybook-v1\"\u003e\n\n\n  \u003cdiv class=\"tds-topline\"\u003e\u003c\/div\u003e\n\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"tds-hero\"\u003e\n\n    \u003cspan class=\"tds-shine\"\u003e\u003c\/span\u003e\n\n    \u003cspan class=\"tds-icon\"\u003e\n      🖤🗝️\n    \u003c\/span\u003e\n\n    \u003cspan class=\"tds-pill\"\u003e\n      DARK STORYBOOK CHARM BRACELET\n    \u003c\/span\u003e\n\n    \u003ch2\u003e\n      Step Into a World\u003cbr\u003e\n      \u003cspan\u003eThat Feels Almost Familiar.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      A black cat.\n      A mysterious key.\n      Button-eyed characters.\n      A bright yellow raincoat.\n      A sparkling dragonfly.\n      Each charm feels like\n      one small clue\n      from a strange story\n      you somehow already know.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- IMPACT --\u003e\n  \u003cdiv class=\"tds-impact\"\u003e\n\n    \u003cstrong\u003e\n      Wear the clues. Keep the story to yourself.\n    \u003c\/strong\u003e\n\n    \u003cspan\u003e\n      Dark fantasy, strange little symbols and colorful details come together in one adjustable charm bracelet.\n    \u003c\/span\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- CORE --\u003e\n  \u003cdiv class=\"tds-core\"\u003e\n\n    \u003cspan class=\"tds-core-label\"\u003e\n      A STORY TOLD THROUGH CHARMS\n    \u003c\/span\u003e\n\n    \u003ch3\u003e\n      Every Little Detail Feels Like It Belongs to a Larger Mystery.\n    \u003c\/h3\u003e\n\n    \u003cp\u003e\n      This bracelet does not rely\n      on one oversized centerpiece.\n    \u003c\/p\u003e\n\n    \u003cp\u003e\n      Instead,\n      it layers together\n      recognizable storybook symbols —\n      a girl in a yellow raincoat,\n      a black cat,\n      a key,\n      button-inspired details,\n      a green triangle,\n      a dragonfly\n      and button-eyed characters.\n    \u003c\/p\u003e\n\n    \u003cp\u003e\n      \u003cstrong\u003e\n        The result feels playful,\n        eerie\n        and strangely familiar\n        all at once.\n      \u003c\/strong\u003e\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- CHARMS --\u003e\n  \u003cdiv class=\"tds-head\"\u003e\n\n    \u003cspan\u003e\n      FOLLOW THE DETAILS\n    \u003c\/span\u003e\n\n    \u003ch3\u003e\n      Every Charm Adds Another Clue.\n    \u003c\/h3\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"tds-charms\"\u003e\n\n\n    \u003cdiv class=\"tds-charm\"\u003e\n\n      \u003cspan class=\"tds-charm-icon\"\u003e\n        🧥\n      \u003c\/span\u003e\n\n      \u003cstrong\u003e\n        Yellow Raincoat Girl\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        A bright character detail\n        that immediately stands out\n        against the darker metal tone.\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"tds-charm\"\u003e\n\n      \u003cspan class=\"tds-charm-icon\"\u003e\n        🐈‍⬛\n      \u003c\/span\u003e\n\n      \u003cstrong\u003e\n        Wide-Eyed Black Cat\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        A curious little companion\n        with the perfect amount\n        of strange storybook energy.\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"tds-charm\"\u003e\n\n      \u003cspan class=\"tds-charm-icon\"\u003e\n        🗝️\n      \u003c\/span\u003e\n\n      \u003cstrong\u003e\n        Mysterious Key\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        Because every dark little tale\n        needs a door\n        you probably should not open.\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"tds-charm\"\u003e\n\n      \u003cspan class=\"tds-charm-icon\"\u003e\n        🟢\n      \u003c\/span\u003e\n\n      \u003cstrong\u003e\n        Green Triangle Charm\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        A sharp flash of color\n        mixed into the darker\n        fantasy palette.\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"tds-charm\"\u003e\n\n      \u003cspan class=\"tds-charm-icon\"\u003e\n        ✨\n      \u003c\/span\u003e\n\n      \u003cstrong\u003e\n        Sparkling Dragonfly\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        Adds color,\n        shine\n        and a slightly magical contrast\n        to the darker charms.\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"tds-charm\"\u003e\n\n      \u003cspan class=\"tds-charm-icon\"\u003e\n        ◉\n      \u003c\/span\u003e\n\n      \u003cstrong\u003e\n        Button-Eye Details\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        Button-inspired accents\n        and character charms\n        give the bracelet\n        its unsettling signature look.\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- ENAMEL --\u003e\n  \u003cdiv class=\"tds-enamel\"\u003e\n\n    \u003cspan class=\"tds-enamel-label\"\u003e\n      COLOR AGAINST DARK METAL\n    \u003c\/span\u003e\n\n    \u003ch3\u003e\n      Bright Details Make the Strange Parts Stand Out.\n    \u003c\/h3\u003e\n\n    \u003cp\u003e\n      Colorful oil-drip detailing\n      gives the character charms\n      a smooth,\n      enamel-style appearance.\n    \u003c\/p\u003e\n\n    \u003cp\u003e\n      Against the dark silver-tone\n      zinc-alloy bracelet,\n      the yellows,\n      greens\n      and colored accents\n      feel even more vivid.\n    \u003c\/p\u003e\n\n    \u003cp\u003e\n      The dragonfly adds\n      a sparkling finish\n      for one unexpected\n      touch of shine.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- FIT --\u003e\n  \u003cdiv class=\"tds-fit\"\u003e\n\n    \u003cspan class=\"tds-fit-label\"\u003e\n      ADJUSTABLE LENGTH\n    \u003c\/span\u003e\n\n    \u003ch3\u003e\n      Wear It Close — or Give the Charms a Little More Room.\n    \u003c\/h3\u003e\n\n    \u003cp\u003e\n      A lobster-claw clasp\n      and extension chain\n      let you adjust\n      the bracelet length\n      within the available range.\n    \u003c\/p\u003e\n\n\n    \u003cdiv class=\"tds-fit-grid\"\u003e\n\n\n      \u003cdiv class=\"tds-fit-card\"\u003e\n\n        \u003cstrong\u003e\n          7.09 in\n        \u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Approx. 18 cm Main Bracelet\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"tds-fit-card\"\u003e\n\n        \u003cstrong\u003e\n          +2.17 in\n        \u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Approx. 5.5 cm Extension\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"tds-fit-card\"\u003e\n\n        \u003cstrong\u003e\n          Up to 9.25 in\n        \u003c\/strong\u003e\n\n        \u003cspan\u003e\n          Approx. 23.5 cm Maximum\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- STYLE USES --\u003e\n  \u003cdiv class=\"tds-uses\"\u003e\n\n    \u003cdiv class=\"tds-head\" style=\"margin-top:0;\"\u003e\n\n      \u003cspan\u003e\n        MADE FOR EXPRESSIVE STYLING\n      \u003c\/span\u003e\n\n      \u003ch3\u003e\n        A Small Detail That Can Shift the Whole Outfit.\n      \u003c\/h3\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"tds-use-grid\"\u003e\n\n      \u003cdiv class=\"tds-use\"\u003e\n        Gothic Looks\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tds-use\"\u003e\n        Alternative Outfits\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tds-use\"\u003e\n        Dark Academia\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tds-use\"\u003e\n        Halloween Styling\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tds-use\"\u003e\n        Cosplay-Inspired Looks\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tds-use\"\u003e\n        Fantasy Conventions\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tds-use\"\u003e\n        Concerts \u0026amp; Festivals\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tds-use\"\u003e\n        Everyday Statement Jewelry\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- GIFT --\u003e\n  \u003cdiv class=\"tds-gift\"\u003e\n\n    \u003cspan class=\"tds-gift-label\"\u003e\n      FOR PEOPLE WHO LIKE BEAUTIFULLY STRANGE THINGS\n    \u003c\/span\u003e\n\n    \u003ch3\u003e\n      Not Everyone Wants Jewelry That Looks Normal.\n    \u003c\/h3\u003e\n\n    \u003cp\u003e\n      A memorable gift\n      for readers,\n      fantasy fans,\n      cat lovers\n      and anyone drawn\n      to curious worlds,\n      unusual characters\n      and accessories\n      with a little mystery.\n    \u003c\/p\u003e\n\n    \u003cp\u003e\n      A fitting choice\n      for birthdays,\n      Halloween,\n      holiday exchanges,\n      friendship gifts\n      or collector-style surprises.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- DETAILS --\u003e\n  \u003cdiv class=\"tds-details\"\u003e\n\n    \u003cdiv class=\"tds-head\" style=\"margin-top:0;\"\u003e\n\n      \u003cspan\u003e\n        PRODUCT DETAILS\n      \u003c\/span\u003e\n\n      \u003ch3\u003e\n        The Basics\n      \u003c\/h3\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"tds-detail-row\"\u003e\n\n      \u003cstrong\u003e\n        Product Type\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        Fantasy-Themed Charm Bracelet\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"tds-detail-row\"\u003e\n\n      \u003cstrong\u003e\n        Style\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        Dark Fantasy,\n        Gothic\n        and Storybook-Inspired\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"tds-detail-row\"\u003e\n\n      \u003cstrong\u003e\n        Material\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        Zinc Alloy\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"tds-detail-row\"\u003e\n\n      \u003cstrong\u003e\n        Surface Detail\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        Oil-Drip Enamel-Style Finish\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"tds-detail-row\"\u003e\n\n      \u003cstrong\u003e\n        Metal Color\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        Dark Silver Tone\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"tds-detail-row\"\u003e\n\n      \u003cstrong\u003e\n        Closure\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        Lobster-Claw Clasp\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"tds-detail-row\"\u003e\n\n      \u003cstrong\u003e\n        Main Length\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        Approx. 7.09 in \/\n        18 cm\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"tds-detail-row\"\u003e\n\n      \u003cstrong\u003e\n        Extension\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        Approx. 2.17 in \/\n        5.5 cm\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"tds-detail-row\"\u003e\n\n      \u003cstrong\u003e\n        Maximum Length\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        Approx. 9.25 in \/\n        23.5 cm\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"tds-detail-row\"\u003e\n\n      \u003cstrong\u003e\n        Approx. Weight\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        1 oz \/\n        28.5 g\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"tds-detail-row\"\u003e\n\n      \u003cstrong\u003e\n        Dragonfly Charm\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        Approx. 0.98 × 0.90 in \/\n        2.5 × 2.3 cm\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"tds-detail-row\"\u003e\n\n      \u003cstrong\u003e\n        Package Includes\n      \u003c\/strong\u003e\n\n      \u003cspan\u003e\n        1 × Dark Fantasy Charm Bracelet\n      \u003c\/span\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- CARE --\u003e\n  \u003cdiv class=\"tds-care\"\u003e\n\n    \u003ch3\u003e\n      Jewelry Care \u0026amp; Important Notes\n    \u003c\/h3\u003e\n\n    \u003cul\u003e\n\n      \u003cli\u003e\n        Avoid prolonged contact\n        with water,\n        perfume,\n        lotion\n        and household chemicals.\n      \u003c\/li\u003e\n\n      \u003cli\u003e\n        Remove before bathing,\n        swimming,\n        exercising\n        or sleeping.\n      \u003c\/li\u003e\n\n      \u003cli\u003e\n        Wipe gently\n        with a soft,\n        dry cloth\n        after wearing.\n      \u003c\/li\u003e\n\n      \u003cli\u003e\n        Store separately\n        in a dry jewelry pouch\n        or box\n        to reduce scratching\n        and tangling.\n      \u003c\/li\u003e\n\n      \u003cli\u003e\n        Do not pull,\n        twist\n        or bend the dangling charms\n        with force.\n      \u003c\/li\u003e\n\n      \u003cli\u003e\n        This is fashion jewelry\n        and is not intended\n        for young children.\n      \u003c\/li\u003e\n\n      \u003cli\u003e\n        Contains small parts\n        that may present\n        a choking hazard.\n      \u003c\/li\u003e\n\n      \u003cli\u003e\n        Zinc-alloy fashion jewelry\n        may not be suitable\n        for people with metal sensitivities.\n      \u003c\/li\u003e\n\n      \u003cli\u003e\n        Stop wearing\n        if skin irritation occurs.\n      \u003c\/li\u003e\n\n      \u003cli\u003e\n        Measurements,\n        charm placement,\n        color\n        and finish\n        may vary slightly.\n      \u003c\/li\u003e\n\n    \u003c\/ul\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- CLOSE --\u003e\n  \u003cdiv class=\"tds-close\"\u003e\n\n    \u003cspan class=\"tds-close-icon\"\u003e\n      🐈‍⬛🗝️✨\n    \u003c\/span\u003e\n\n    \u003ch3\u003e\n      Wear the Bracelet. Keep the Mystery.\n    \u003c\/h3\u003e\n\n    \u003cp\u003e\n      A yellow raincoat.\n      A black cat.\n      A strange key.\n      Button eyes.\n      A sparkling dragonfly.\n      Maybe they are only charms.\n      Or maybe they are clues\n      from somewhere\n      just on the other side.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n\u003c\/div\u003e","brand":"Zalovra","offers":[{"title":"Default Title","offer_id":67834186301682,"sku":"GMM26022","price":14.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0834\/6583\/0642\/files\/71qqcqDuiWL._AC_SL1500.jpg?v=1792654552","url":"https:\/\/zalovra.com\/products\/dark-fantasy-button-eye-charm-bracelet-adjustable-storybook-inspired-bracelet-with-cat-key-dragonfly-charms","provider":"Zalovra","version":"1.0","type":"link"}