{"product_id":"midnight-mischief","title":"Midnight Mischief","description":"\u003cdiv class=\"mmc-page\" id=\"midnight-mischief-collection\"\u003e\n  \u003cstyle\u003e\n    .mmc-page,\n    .mmc-page * {\n      box-sizing: border-box;\n    }\n\n    .mmc-page {\n      --mmc-black: #0b0810;\n      --mmc-deep: #15101d;\n      --mmc-purple: #6f3db7;\n      --mmc-purple-light: #c7a7ff;\n      --mmc-orange: #ff7a1a;\n      --mmc-pink: #ff9fc5;\n      --mmc-green: #b7ff2a;\n      --mmc-gold: #d7a84c;\n      --mmc-cream: #f7f0e8;\n      --mmc-white: #ffffff;\n      --mmc-text: #2d2531;\n      --mmc-muted: #dbd2e1;\n      --mmc-light-text: #675d6d;\n      --mmc-border: rgba(255, 255, 255, 0.14);\n      --mmc-radius: 22px;\n\n      width: 100%;\n      max-width: 860px;\n      margin: 0 auto;\n      overflow: hidden;\n      color: var(--mmc-white);\n      background:\n        radial-gradient(\n          circle at 50% 0%,\n          rgba(111, 61, 183, 0.23),\n          transparent 35%\n        ),\n        linear-gradient(180deg, #0b0810, #181020 58%, #08060c);\n      border-radius: 28px;\n      font-family: Arial, Helvetica, sans-serif;\n      line-height: 1.6;\n      -webkit-font-smoothing: antialiased;\n      scroll-behavior: smooth;\n    }\n\n    .mmc-page img {\n      display: block;\n      width: 100%;\n      height: auto;\n      margin: 0;\n    }\n\n    .mmc-page h2,\n    .mmc-page h3,\n    .mmc-page h4,\n    .mmc-page p {\n      margin-top: 0;\n    }\n\n    \/* HERO *\/\n    .mmc-hero {\n      position: relative;\n      padding: 46px 24px 38px;\n      overflow: hidden;\n      text-align: center;\n      background:\n        radial-gradient(\n          circle at 20% 110%,\n          rgba(255, 122, 26, 0.26),\n          transparent 45%\n        ),\n        radial-gradient(\n          circle at 85% 0%,\n          rgba(111, 61, 183, 0.32),\n          transparent 40%\n        ),\n        #0d0913;\n    }\n\n    .mmc-hero::before,\n    .mmc-hero::after {\n      content: \"\";\n      position: absolute;\n      border-radius: 50%;\n      pointer-events: none;\n    }\n\n    .mmc-hero::before {\n      top: -165px;\n      left: -105px;\n      width: 340px;\n      height: 340px;\n      border: 1px solid rgba(255, 255, 255, 0.09);\n    }\n\n    .mmc-hero::after {\n      right: -125px;\n      bottom: -190px;\n      width: 370px;\n      height: 370px;\n      background: rgba(255, 122, 26, 0.06);\n    }\n\n    .mmc-eyebrow {\n      position: relative;\n      z-index: 1;\n      display: inline-flex;\n      align-items: center;\n      gap: 9px;\n      margin-bottom: 14px;\n      color: #e5d5ff;\n      font-size: 13px;\n      font-weight: 800;\n      letter-spacing: 1.6px;\n      text-transform: uppercase;\n    }\n\n    .mmc-eyebrow::before,\n    .mmc-eyebrow::after {\n      content: \"\";\n      width: 25px;\n      height: 2px;\n      border-radius: 20px;\n      background: linear-gradient(\n        90deg,\n        var(--mmc-purple-light),\n        var(--mmc-orange)\n      );\n    }\n\n    .mmc-hero h2 {\n      position: relative;\n      z-index: 1;\n      max-width: 720px;\n      margin: 0 auto 14px;\n      color: #ffffff;\n      font-family: Georgia, \"Times New Roman\", serif;\n      font-size: clamp(35px, 6vw, 54px);\n      line-height: 1.05;\n      letter-spacing: -1px;\n    }\n\n    .mmc-hero h2 span {\n      color: var(--mmc-orange);\n    }\n\n    .mmc-hero p {\n      position: relative;\n      z-index: 1;\n      max-width: 650px;\n      margin: 0 auto;\n      color: #e2d9e6;\n      font-size: 16px;\n    }\n\n    .mmc-pills {\n      position: relative;\n      z-index: 1;\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 8px;\n      margin-top: 23px;\n    }\n\n    .mmc-pill {\n      padding: 8px 13px;\n      border: 1px solid rgba(255, 255, 255, 0.18);\n      border-radius: 999px;\n      color: #ffffff;\n      background: rgba(255, 255, 255, 0.07);\n      font-size: 13px;\n      font-weight: 700;\n      backdrop-filter: blur(8px);\n    }\n\n    \/* INTRO *\/\n    .mmc-intro {\n      padding: 34px 24px;\n      text-align: center;\n      background:\n        radial-gradient(\n          circle at center,\n          rgba(111, 61, 183, 0.17),\n          transparent 66%\n        ),\n        #110c18;\n    }\n\n    .mmc-intro-icon {\n      display: flex;\n      width: 52px;\n      height: 52px;\n      margin: 0 auto 14px;\n      align-items: center;\n      justify-content: center;\n      border: 1px solid rgba(199, 167, 255, 0.4);\n      border-radius: 50%;\n      color: #e7d7ff;\n      background: rgba(111, 61, 183, 0.12);\n      font-size: 24px;\n    }\n\n    .mmc-intro h3 {\n      max-width: 680px;\n      margin: 0 auto 10px;\n      color: #ffffff;\n      font-family: Georgia, \"Times New Roman\", serif;\n      font-size: clamp(25px, 5vw, 36px);\n      line-height: 1.2;\n    }\n\n    .mmc-intro p {\n      max-width: 630px;\n      margin: 0 auto;\n      color: #ded4e2;\n      font-size: 15px;\n    }\n\n    \/* FEATURES *\/\n    .mmc-light-section {\n      padding: 29px 18px;\n      color: var(--mmc-text);\n      background: var(--mmc-cream);\n    }\n\n    .mmc-heading {\n      margin-bottom: 19px;\n      text-align: center;\n    }\n\n    .mmc-heading span {\n      color: #763fa9;\n      font-size: 13px;\n      font-weight: 800;\n      letter-spacing: 1.4px;\n      text-transform: uppercase;\n    }\n\n    .mmc-heading h3 {\n      margin: 5px 0 0;\n      color: var(--mmc-text);\n      font-family: Georgia, \"Times New Roman\", serif;\n      font-size: clamp(25px, 4.6vw, 32px);\n      line-height: 1.2;\n    }\n\n    .mmc-heading p {\n      max-width: 590px;\n      margin: 8px auto 0;\n      color: var(--mmc-light-text);\n      font-size: 15px;\n    }\n\n    .mmc-features {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 11px;\n    }\n\n    .mmc-feature {\n      min-height: 178px;\n      padding: 20px 14px;\n      border: 1px solid #ddd0df;\n      border-radius: 17px;\n      background: #ffffff;\n      text-align: center;\n      box-shadow: 0 10px 25px rgba(46, 30, 53, 0.07);\n      transition:\n        transform 0.25s ease,\n        border-color 0.25s ease,\n        box-shadow 0.25s ease;\n    }\n\n    .mmc-feature:hover {\n      transform: translateY(-5px);\n      border-color: var(--mmc-purple);\n      box-shadow: 0 16px 31px rgba(46, 30, 53, 0.15);\n    }\n\n    .mmc-feature-icon {\n      display: flex;\n      width: 47px;\n      height: 47px;\n      margin: 0 auto 11px;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n      color: #ffffff;\n      background: linear-gradient(\n        145deg,\n        var(--mmc-purple),\n        #271634\n      );\n      font-size: 21px;\n      font-weight: 800;\n    }\n\n    .mmc-feature strong {\n      display: block;\n      margin-bottom: 6px;\n      color: #312738;\n      font-size: 16px;\n      line-height: 1.3;\n    }\n\n    .mmc-feature p {\n      margin: 0;\n      color: #675b6b;\n      font-size: 14px;\n      line-height: 1.5;\n    }\n\n    \/* STYLE SELECTOR *\/\n    .mmc-selector {\n      padding: 31px 18px 34px;\n      background:\n        radial-gradient(\n          circle at 50% 100%,\n          rgba(255, 122, 26, 0.11),\n          transparent 53%\n        ),\n        #0e0a14;\n    }\n\n    .mmc-selector-heading {\n      margin-bottom: 18px;\n      text-align: center;\n    }\n\n    .mmc-selector-heading span {\n      color: var(--mmc-purple-light);\n      font-size: 13px;\n      font-weight: 800;\n      letter-spacing: 1.4px;\n      text-transform: uppercase;\n    }\n\n    .mmc-selector-heading h3 {\n      margin: 5px 0 0;\n      color: #ffffff;\n      font-family: Georgia, \"Times New Roman\", serif;\n      font-size: 30px;\n    }\n\n    .mmc-selector-heading p {\n      max-width: 590px;\n      margin: 8px auto 0;\n      color: #d8cfdd;\n      font-size: 14px;\n    }\n\n    .mmc-tab-input {\n      position: absolute;\n      opacity: 0;\n      pointer-events: none;\n    }\n\n    .mmc-tab-labels {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 9px;\n      max-width: 760px;\n      margin: 0 auto 20px;\n    }\n\n    .mmc-tab-label {\n      min-height: 73px;\n      padding: 12px 10px;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      border: 1px solid rgba(255, 255, 255, 0.14);\n      border-radius: 15px;\n      color: #e7deeb;\n      background: rgba(255, 255, 255, 0.045);\n      text-align: center;\n      cursor: pointer;\n      transition:\n        transform 0.25s ease,\n        border-color 0.25s ease,\n        color 0.25s ease,\n        background 0.25s ease;\n    }\n\n    .mmc-tab-label:hover {\n      transform: translateY(-3px);\n      border-color: rgba(199, 167, 255, 0.6);\n      background: rgba(111, 61, 183, 0.12);\n    }\n\n    .mmc-tab-label b {\n      display: block;\n      color: inherit;\n      font-family: Georgia, \"Times New Roman\", serif;\n      font-size: 15px;\n      line-height: 1.25;\n    }\n\n    .mmc-tab-label small {\n      display: block;\n      margin-top: 3px;\n      color: #bdb1c3;\n      font-size: 11px;\n      line-height: 1.3;\n    }\n\n    #mmc-style-1:checked\n      ~ .mmc-tab-labels\n      label[for=\"mmc-style-1\"],\n    #mmc-style-2:checked\n      ~ .mmc-tab-labels\n      label[for=\"mmc-style-2\"],\n    #mmc-style-3:checked\n      ~ .mmc-tab-labels\n      label[for=\"mmc-style-3\"],\n    #mmc-style-4:checked\n      ~ .mmc-tab-labels\n      label[for=\"mmc-style-4\"],\n    #mmc-style-5:checked\n      ~ .mmc-tab-labels\n      label[for=\"mmc-style-5\"],\n    #mmc-style-6:checked\n      ~ .mmc-tab-labels\n      label[for=\"mmc-style-6\"] {\n      color: #241729;\n      border-color: #e1c9ff;\n      background: linear-gradient(\n        135deg,\n        #d7bdff,\n        #ff9fc5\n      );\n      box-shadow: 0 10px 24px rgba(111, 61, 183, 0.3);\n    }\n\n    #mmc-style-1:checked\n      ~ .mmc-tab-labels\n      label[for=\"mmc-style-1\"]\n      small,\n    #mmc-style-2:checked\n      ~ .mmc-tab-labels\n      label[for=\"mmc-style-2\"]\n      small,\n    #mmc-style-3:checked\n      ~ .mmc-tab-labels\n      label[for=\"mmc-style-3\"]\n      small,\n    #mmc-style-4:checked\n      ~ .mmc-tab-labels\n      label[for=\"mmc-style-4\"]\n      small,\n    #mmc-style-5:checked\n      ~ .mmc-tab-labels\n      label[for=\"mmc-style-5\"]\n      small,\n    #mmc-style-6:checked\n      ~ .mmc-tab-labels\n      label[for=\"mmc-style-6\"]\n      small {\n      color: #684b70;\n    }\n\n    .mmc-panel {\n      display: none;\n      max-width: 780px;\n      margin: 0 auto;\n      overflow: hidden;\n      border: 1px solid rgba(255, 255, 255, 0.14);\n      border-radius: var(--mmc-radius);\n      background: #17101f;\n      box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34);\n      animation: mmcFade 0.35s ease;\n    }\n\n    @keyframes mmcFade {\n      from {\n        opacity: 0;\n        transform: translateY(7px);\n      }\n\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    #mmc-style-1:checked\n      ~ .mmc-tab-panels\n      .mmc-panel-1,\n    #mmc-style-2:checked\n      ~ .mmc-tab-panels\n      .mmc-panel-2,\n    #mmc-style-3:checked\n      ~ .mmc-tab-panels\n      .mmc-panel-3,\n    #mmc-style-4:checked\n      ~ .mmc-tab-panels\n      .mmc-panel-4,\n    #mmc-style-5:checked\n      ~ .mmc-tab-panels\n      .mmc-panel-5,\n    #mmc-style-6:checked\n      ~ .mmc-tab-panels\n      .mmc-panel-6 {\n      display: block;\n    }\n\n    .mmc-panel-image {\n      position: relative;\n      overflow: hidden;\n      background: #24192d;\n    }\n\n    .mmc-panel-image img {\n      width: 100%;\n      height: auto;\n      transition:\n        transform 0.55s ease,\n        filter 0.55s ease;\n    }\n\n    .mmc-panel-image:hover img {\n      transform: scale(1.015);\n      filter: contrast(1.03);\n    }\n\n    .mmc-image-label {\n      position: absolute;\n      left: 13px;\n      bottom: 13px;\n      padding: 7px 11px;\n      border: 1px solid rgba(255, 255, 255, 0.23);\n      border-radius: 999px;\n      color: #ffffff;\n      background: rgba(11, 8, 16, 0.78);\n      font-size: 11px;\n      font-weight: 800;\n      letter-spacing: 0.8px;\n      text-transform: uppercase;\n      backdrop-filter: blur(7px);\n    }\n\n    .mmc-panel-copy {\n      padding: 26px 23px 28px;\n      text-align: center;\n      background:\n        radial-gradient(\n          circle at 50% 0%,\n          rgba(111, 61, 183, 0.17),\n          transparent 62%\n        ),\n        #17101f;\n    }\n\n    .mmc-panel-copy span {\n      color: var(--mmc-purple-light);\n      font-size: 12px;\n      font-weight: 800;\n      letter-spacing: 1.3px;\n      text-transform: uppercase;\n    }\n\n    .mmc-panel-copy h4 {\n      margin: 5px 0 8px;\n      color: #ffffff;\n      font-family: Georgia, \"Times New Roman\", serif;\n      font-size: 28px;\n      line-height: 1.2;\n    }\n\n    .mmc-panel-copy p {\n      max-width: 620px;\n      margin: 0 auto;\n      color: #ddd4e1;\n      font-size: 14px;\n      line-height: 1.65;\n    }\n\n    .mmc-vibe {\n      display: inline-flex;\n      margin-top: 15px;\n      padding: 8px 13px;\n      align-items: center;\n      justify-content: center;\n      gap: 7px;\n      border: 1px solid rgba(199, 167, 255, 0.28);\n      border-radius: 999px;\n      color: #eadcff;\n      background: rgba(111, 61, 183, 0.1);\n      font-size: 12px;\n      font-weight: 700;\n    }\n\n    \/* STYLE GUIDE *\/\n    .mmc-style-guide {\n      padding: 30px 18px;\n      color: var(--mmc-text);\n      background: var(--mmc-cream);\n    }\n\n    .mmc-style-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 9px;\n    }\n\n    .mmc-style-card {\n      padding: 17px 9px;\n      border: 1px solid #ddd0df;\n      border-radius: 15px;\n      background: #ffffff;\n      text-align: center;\n      transition:\n        transform 0.25s ease,\n        border-color 0.25s ease;\n    }\n\n    .mmc-style-card:hover {\n      transform: translateY(-4px);\n      border-color: var(--mmc-purple);\n    }\n\n    .mmc-style-card span {\n      display: block;\n      margin-bottom: 7px;\n      font-size: 24px;\n    }\n\n    .mmc-style-card strong {\n      display: block;\n      color: #352a3b;\n      font-size: 14px;\n      line-height: 1.35;\n    }\n\n    \/* MESSAGE *\/\n    .mmc-message {\n      position: relative;\n      padding: 35px 24px;\n      overflow: hidden;\n      text-align: center;\n      background:\n        radial-gradient(\n          circle at 50% 0%,\n          rgba(255, 122, 26, 0.14),\n          transparent 58%\n        ),\n        #130d19;\n    }\n\n    .mmc-message::before {\n      content: \"BOO\";\n      position: absolute;\n      right: -25px;\n      bottom: -55px;\n      color: rgba(255, 255, 255, 0.025);\n      font-family: Georgia, serif;\n      font-size: 135px;\n      font-weight: 900;\n      line-height: 1;\n    }\n\n    .mmc-message h3 {\n      position: relative;\n      max-width: 680px;\n      margin: 0 auto 10px;\n      color: #ffffff;\n      font-family: Georgia, \"Times New Roman\", serif;\n      font-size: 29px;\n      line-height: 1.2;\n    }\n\n    .mmc-message p {\n      position: relative;\n      max-width: 610px;\n      margin: 0 auto;\n      color: #ded4e2;\n      font-size: 15px;\n    }\n\n    \/* DETAILS *\/\n    .mmc-details-wrap {\n      padding: 30px 18px 33px;\n      background: #09060d;\n    }\n\n    .mmc-details-heading {\n      margin-bottom: 16px;\n      text-align: center;\n    }\n\n    .mmc-details-heading span {\n      color: var(--mmc-purple-light);\n      font-size: 13px;\n      font-weight: 800;\n      letter-spacing: 1.4px;\n      text-transform: uppercase;\n    }\n\n    .mmc-details-heading h3 {\n      margin: 5px 0 0;\n      color: #ffffff;\n      font-family: Georgia, \"Times New Roman\", serif;\n      font-size: 28px;\n    }\n\n    .mmc-details {\n      margin-top: 9px;\n      overflow: hidden;\n      border: 1px solid rgba(255, 255, 255, 0.13);\n      border-radius: 15px;\n      background: rgba(255, 255, 255, 0.045);\n      transition:\n        border-color 0.25s ease,\n        background 0.25s ease;\n    }\n\n    .mmc-details[open] {\n      border-color: rgba(199, 167, 255, 0.58);\n      background: rgba(111, 61, 183, 0.1);\n    }\n\n    .mmc-details summary {\n      position: relative;\n      padding: 17px 49px 17px 17px;\n      color: #ffffff;\n      font-size: 16px;\n      font-weight: 750;\n      cursor: pointer;\n      list-style: none;\n      user-select: none;\n    }\n\n    .mmc-details summary::-webkit-details-marker {\n      display: none;\n    }\n\n    .mmc-details summary::after {\n      content: \"+\";\n      position: absolute;\n      top: 50%;\n      right: 15px;\n      width: 29px;\n      height: 29px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n      color: #25152e;\n      background: #d9c1ff;\n      font-size: 19px;\n      transform: translateY(-50%);\n    }\n\n    .mmc-details[open] summary::after {\n      content: \"−\";\n    }\n\n    .mmc-details-content {\n      padding: 0 17px 18px;\n      color: #ddd3e0;\n      font-size: 14px;\n      line-height: 1.65;\n    }\n\n    .mmc-design-list {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 9px;\n      margin-top: 12px;\n    }\n\n    .mmc-design-item {\n      padding: 12px 10px;\n      border: 1px solid rgba(255, 255, 255, 0.1);\n      border-radius: 12px;\n      color: #ffffff;\n      background: rgba(255, 255, 255, 0.04);\n      font-size: 13px;\n      font-weight: 700;\n      text-align: center;\n    }\n\n    \/* FINAL *\/\n    .mmc-final {\n      padding: 38px 22px 41px;\n      text-align: center;\n      background:\n        radial-gradient(\n          circle at 50% 100%,\n          rgba(255, 122, 26, 0.27),\n          transparent 60%\n        ),\n        #181020;\n    }\n\n    .mmc-final-icon {\n      margin-bottom: 8px;\n      color: var(--mmc-orange);\n      font-size: 35px;\n    }\n\n    .mmc-final h3 {\n      max-width: 650px;\n      margin: 0 auto 9px;\n      color: #ffffff;\n      font-family: Georgia, \"Times New Roman\", serif;\n      font-size: 30px;\n      line-height: 1.2;\n    }\n\n    .mmc-final p {\n      max-width: 570px;\n      margin: 0 auto 21px;\n      color: #ddd4e1;\n      font-size: 15px;\n    }\n\n    .mmc-cta {\n      display: inline-flex;\n      min-width: 260px;\n      min-height: 56px;\n      padding: 14px 25px;\n      align-items: center;\n      justify-content: center;\n      gap: 9px;\n      border: 1px solid #ffd0a6;\n      border-radius: 999px;\n      color: #27150a !important;\n      background: linear-gradient(\n        135deg,\n        #ffb26d,\n        #ff7a1a\n      );\n      box-shadow: 0 14px 31px rgba(255, 122, 26, 0.32);\n      font-size: 16px;\n      font-weight: 800;\n      text-decoration: none !important;\n      transition:\n        transform 0.25s ease,\n        box-shadow 0.25s ease;\n    }\n\n    .mmc-cta:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 18px 38px rgba(255, 122, 26, 0.46);\n    }\n\n    .mmc-final-note {\n      max-width: 590px;\n      margin: 13px auto 0;\n      color: #b9afbD;\n      font-size: 11px;\n      line-height: 1.5;\n    }\n\n    .mmc-swipe-tip {\n      display: none;\n      margin: -4px 0 13px;\n      color: #d6c9db;\n      font-size: 13px;\n      font-weight: 700;\n      text-align: center;\n    }\n\n    \/* MOBILE *\/\n    @media screen and (max-width: 749px) {\n      .mmc-page {\n        width: 100%;\n        border-radius: 0;\n      }\n\n      .mmc-hero {\n        padding: 34px 17px 30px;\n      }\n\n      .mmc-hero h2 {\n        font-size: 34px;\n      }\n\n      .mmc-hero p,\n      .mmc-intro p,\n      .mmc-message p,\n      .mmc-final p {\n        font-size: 15px;\n      }\n\n      .mmc-intro {\n        padding: 29px 17px;\n      }\n\n      .mmc-intro h3 {\n        font-size: 25px;\n      }\n\n      .mmc-light-section,\n      .mmc-selector,\n      .mmc-style-guide {\n        padding: 25px 10px;\n      }\n\n      .mmc-features,\n      .mmc-style-grid {\n        display: flex;\n        gap: 10px;\n        overflow-x: auto;\n        padding: 2px 2px 9px;\n        scroll-snap-type: x mandatory;\n        scrollbar-width: none;\n        -webkit-overflow-scrolling: touch;\n      }\n\n      .mmc-features::-webkit-scrollbar,\n      .mmc-style-grid::-webkit-scrollbar,\n      .mmc-tab-labels::-webkit-scrollbar {\n        display: none;\n      }\n\n      .mmc-feature {\n        flex: 0 0 76%;\n        min-height: 170px;\n        scroll-snap-align: center;\n      }\n\n      .mmc-style-card {\n        flex: 0 0 47%;\n        scroll-snap-align: start;\n      }\n\n      .mmc-swipe-tip {\n        display: block;\n      }\n\n      .mmc-tab-labels {\n        display: flex;\n        gap: 9px;\n        max-width: none;\n        overflow-x: auto;\n        padding: 2px 2px 10px;\n        scroll-snap-type: x mandatory;\n        scrollbar-width: none;\n        -webkit-overflow-scrolling: touch;\n      }\n\n      .mmc-tab-label {\n        flex: 0 0 62%;\n        min-height: 69px;\n        scroll-snap-align: center;\n      }\n\n      .mmc-panel {\n        border-radius: 17px;\n      }\n\n      .mmc-panel-copy {\n        padding: 22px 17px 24px;\n      }\n\n      .mmc-panel-copy h4 {\n        font-size: 24px;\n      }\n\n      .mmc-panel-copy p {\n        font-size: 14px;\n      }\n\n      .mmc-message {\n        padding: 29px 17px;\n      }\n\n      .mmc-message h3 {\n        font-size: 25px;\n      }\n\n      .mmc-details-wrap {\n        padding: 26px 10px 29px;\n      }\n\n      .mmc-details summary {\n        padding: 16px 46px 16px 14px;\n        font-size: 15px;\n      }\n\n      .mmc-details-content {\n        padding: 0 14px 16px;\n        font-size: 14px;\n      }\n\n      .mmc-design-list {\n        grid-template-columns: 1fr;\n      }\n\n      .mmc-final {\n        padding: 32px 15px 37px;\n      }\n\n      .mmc-final h3 {\n        font-size: 25px;\n      }\n\n      .mmc-cta {\n        width: 100%;\n        min-height: 57px;\n      }\n    }\n\n    @media screen and (max-width: 390px) {\n      .mmc-hero h2 {\n        font-size: 30px;\n      }\n\n      .mmc-pill {\n        padding: 7px 10px;\n        font-size: 12px;\n      }\n\n      .mmc-tab-label {\n        flex-basis: 72%;\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      .mmc-page *,\n      .mmc-page *::before,\n      .mmc-page *::after {\n        transition: none !important;\n        animation: none !important;\n        scroll-behavior: auto !important;\n      }\n    }\n  \u003c\/style\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"mmc-hero\"\u003e\n    \u003cdiv class=\"mmc-eyebrow\"\u003eSix Halloween Moods\u003c\/div\u003e\n\n    \u003ch2\u003eThe \u003cspan\u003eMidnight Mischief\u003c\/span\u003e Collection\u003c\/h2\u003e\n\n    \u003cp\u003e\n      Cute ghosts, moonlit bats, mystical cats and neon skulls—\n      made for anyone whose Halloween style is more outfit than costume.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"mmc-pills\"\u003e\n      \u003cspan class=\"mmc-pill\"\u003e6 Exclusive Designs\u003c\/span\u003e\n      \u003cspan class=\"mmc-pill\"\u003eCute, Gothic \u0026amp; Y2K Vibes\u003c\/span\u003e\n      \u003cspan class=\"mmc-pill\"\u003eMade for Halloween Styling\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INTRO --\u003e\n  \u003csection class=\"mmc-intro\"\u003e\n    \u003cdiv class=\"mmc-intro-icon\"\u003e☾\u003c\/div\u003e\n\n    \u003ch3\u003eYour Halloween Personality—Now in Bracelet Form\u003c\/h3\u003e\n\n    \u003cp\u003e\n      Whether your vibe is cozy-cute, dark celestial, pastel gothic or\n      neon chaos, there is a design made to match your October mood.\n    \u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- FEATURES --\u003e\n  \u003csection class=\"mmc-light-section\"\u003e\n    \u003cdiv class=\"mmc-heading\"\u003e\n      \u003cspan\u003eSpooky, But Make It Fashion\u003c\/span\u003e\n      \u003ch3\u003eDesigned to Stand Out Without Feeling Like a Costume\u003c\/h3\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"mmc-swipe-tip\"\u003eSwipe to explore →\u003c\/div\u003e\n\n    \u003cdiv class=\"mmc-features\"\u003e\n      \u003cdiv class=\"mmc-feature\"\u003e\n        \u003cdiv class=\"mmc-feature-icon\"\u003e6\u003c\/div\u003e\n        \u003cstrong\u003eSix Different Aesthetics\u003c\/strong\u003e\n        \u003cp\u003e\n          From friendly ghosts and classic pumpkins to celestial cats,\n          romantic spiderwebs and acid-green skulls.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"mmc-feature\"\u003e\n        \u003cdiv class=\"mmc-feature-icon\"\u003e✦\u003c\/div\u003e\n        \u003cstrong\u003eStatement Center Artwork\u003c\/strong\u003e\n        \u003cp\u003e\n          Each bracelet features one bold, easy-to-see Halloween icon as\n          the main visual focus.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"mmc-feature\"\u003e\n        \u003cdiv class=\"mmc-feature-icon\"\u003e♡\u003c\/div\u003e\n        \u003cstrong\u003eMatching Charm Detail\u003c\/strong\u003e\n        \u003cp\u003e\n          A coordinating gold-tone charm completes each design and adds\n          movement to your look.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- STYLE SELECTOR --\u003e\n  \u003csection class=\"mmc-selector\"\u003e\n    \u003cdiv class=\"mmc-selector-heading\"\u003e\n      \u003cspan\u003ePick Your Halloween Persona\u003c\/span\u003e\n      \u003ch3\u003eWhich Midnight Mood Are You?\u003c\/h3\u003e\n      \u003cp\u003e\n        Tap a design to explore its colors, artwork and personality.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"mmc-swipe-tip\"\u003eSwipe and tap a style →\u003c\/div\u003e\n\n    \u003cinput class=\"mmc-tab-input\" type=\"radio\" name=\"mmc-style\" id=\"mmc-style-1\" checked\u003e\n\n    \u003cinput class=\"mmc-tab-input\" type=\"radio\" name=\"mmc-style\" id=\"mmc-style-2\"\u003e\n\n    \u003cinput class=\"mmc-tab-input\" type=\"radio\" name=\"mmc-style\" id=\"mmc-style-3\"\u003e\n\n    \u003cinput class=\"mmc-tab-input\" type=\"radio\" name=\"mmc-style\" id=\"mmc-style-4\"\u003e\n\n    \u003cinput class=\"mmc-tab-input\" type=\"radio\" name=\"mmc-style\" id=\"mmc-style-5\"\u003e\n\n    \u003cinput class=\"mmc-tab-input\" type=\"radio\" name=\"mmc-style\" id=\"mmc-style-6\"\u003e\n\n    \u003cdiv class=\"mmc-tab-labels\"\u003e\n      \u003clabel class=\"mmc-tab-label\" for=\"mmc-style-1\"\u003e\n        \u003cb\u003eBoo After Dark\u003c\/b\u003e\n        \u003csmall\u003eCozy Ghostcore\u003c\/small\u003e\n      \u003c\/label\u003e\n\n      \u003clabel class=\"mmc-tab-label\" for=\"mmc-style-2\"\u003e\n        \u003cb\u003ePumpkin Riot\u003c\/b\u003e\n        \u003csmall\u003eClassic Halloween Energy\u003c\/small\u003e\n      \u003c\/label\u003e\n\n      \u003clabel class=\"mmc-tab-label\" for=\"mmc-style-3\"\u003e\n        \u003cb\u003eLunar Bat\u003c\/b\u003e\n        \u003csmall\u003eDark Celestial\u003c\/small\u003e\n      \u003c\/label\u003e\n\n      \u003clabel class=\"mmc-tab-label\" for=\"mmc-style-4\"\u003e\n        \u003cb\u003eMidnight Familiar\u003c\/b\u003e\n        \u003csmall\u003eWitchy Cat Vibes\u003c\/small\u003e\n      \u003c\/label\u003e\n\n      \u003clabel class=\"mmc-tab-label\" for=\"mmc-style-5\"\u003e\n        \u003cb\u003eWebbed Heart\u003c\/b\u003e\n        \u003csmall\u003ePastel Gothic Romance\u003c\/small\u003e\n      \u003c\/label\u003e\n\n      \u003clabel class=\"mmc-tab-label\" for=\"mmc-style-6\"\u003e\n        \u003cb\u003eAcid Skull\u003c\/b\u003e\n        \u003csmall\u003eNeon Alt Energy\u003c\/small\u003e\n      \u003c\/label\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"mmc-tab-panels\"\u003e\n      \u003c!-- STYLE 1 --\u003e\n      \u003carticle class=\"mmc-panel mmc-panel-1\"\u003e\n        \u003cdiv class=\"mmc-panel-image\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/ChatGPTImage2026_7_28_01_59_53_1.png?v=1785218987\" alt=\"Boo After Dark ghost Halloween charm bracelet\" loading=\"eager\" decoding=\"async\"\u003e\n          \u003cspan class=\"mmc-image-label\"\u003eStyle 01\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"mmc-panel-copy\"\u003e\n          \u003cspan\u003eCute Ghostcore\u003c\/span\u003e\n          \u003ch4\u003eBoo After Dark\u003c\/h4\u003e\n          \u003cp\u003e\n            A smiling ghost floats beneath the crescent moon, surrounded by\n            purple skies and tiny stars. Made for cozy Halloween nights,\n            ghost-themed outfits and anyone who prefers adorable over scary.\n          \u003c\/p\u003e\n          \u003cdiv class=\"mmc-vibe\"\u003e\n            Playful • Dreamy • Cozy Spooky\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003c!-- STYLE 2 --\u003e\n      \u003carticle class=\"mmc-panel mmc-panel-2\"\u003e\n        \u003cdiv class=\"mmc-panel-image\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/ChatGPTImage2026_7_28_01_59_53_2.png?v=1785218987\" alt=\"Pumpkin Riot orange jack-o-lantern Halloween bracelet\" loading=\"lazy\" decoding=\"async\"\u003e\n          \u003cspan class=\"mmc-image-label\"\u003eStyle 02\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"mmc-panel-copy\"\u003e\n          \u003cspan\u003eClassic Halloween\u003c\/span\u003e\n          \u003ch4\u003ePumpkin Riot\u003c\/h4\u003e\n          \u003cp\u003e\n            Bright orange beads, glossy black accents and a grinning\n            jack-o’-lantern create the ultimate October statement.\n            Bold, recognizable and ready for every pumpkin-filled plan.\n          \u003c\/p\u003e\n          \u003cdiv class=\"mmc-vibe\"\u003e\n            Bold • Festive • High Halloween Energy\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003c!-- STYLE 3 --\u003e\n      \u003carticle class=\"mmc-panel mmc-panel-3\"\u003e\n        \u003cdiv class=\"mmc-panel-image\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/ChatGPTImage2026_7_28_01_59_54_3.png?v=1785218987\" alt=\"Lunar Bat purple moon bat Halloween bracelet\" loading=\"lazy\" decoding=\"async\"\u003e\n          \u003cspan class=\"mmc-image-label\"\u003eStyle 03\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"mmc-panel-copy\"\u003e\n          \u003cspan\u003eDark Celestial\u003c\/span\u003e\n          \u003ch4\u003eLunar Bat\u003c\/h4\u003e\n          \u003cp\u003e\n            A midnight bat flies across a glowing full moon, framed by deep\n            purple and black beads. Perfect for dark-academia looks,\n            celestial outfits and moody night styling.\n          \u003c\/p\u003e\n          \u003cdiv class=\"mmc-vibe\"\u003e\n            Mysterious • Cosmic • Darkly Elegant\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003c!-- STYLE 4 --\u003e\n      \u003carticle class=\"mmc-panel mmc-panel-4\"\u003e\n        \u003cdiv class=\"mmc-panel-image\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/ChatGPTImage2026_7_28_01_59_54_4.png?v=1785218987\" alt=\"Midnight Familiar black cat moon Halloween bracelet\" loading=\"lazy\" decoding=\"async\"\u003e\n          \u003cspan class=\"mmc-image-label\"\u003eStyle 04\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"mmc-panel-copy\"\u003e\n          \u003cspan\u003eWitchy Cat Energy\u003c\/span\u003e\n          \u003ch4\u003eMidnight Familiar\u003c\/h4\u003e\n          \u003cp\u003e\n            A sleek black cat sits beneath a golden crescent moon and stars,\n            paired with smoky green and black beads. A subtle witchy design\n            for cat lovers and mystical wardrobes.\n          \u003c\/p\u003e\n          \u003cdiv class=\"mmc-vibe\"\u003e\n            Witchy • Mystical • Quietly Powerful\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003c!-- STYLE 5 --\u003e\n      \u003carticle class=\"mmc-panel mmc-panel-5\"\u003e\n        \u003cdiv class=\"mmc-panel-image\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/ChatGPTImage2026_7_28_01_59_55_5.png?v=1785218987\" alt=\"Webbed Heart pink spiderweb gothic Halloween bracelet\" loading=\"lazy\" decoding=\"async\"\u003e\n          \u003cspan class=\"mmc-image-label\"\u003eStyle 05\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"mmc-panel-copy\"\u003e\n          \u003cspan\u003ePastel Gothic Romance\u003c\/span\u003e\n          \u003ch4\u003eWebbed Heart\u003c\/h4\u003e\n          \u003cp\u003e\n            A pink spiderweb forms a heart against a glossy black background,\n            finished with rose-pink beads and a coordinating spider charm.\n            Sweet, strange and unapologetically dramatic.\n          \u003c\/p\u003e\n          \u003cdiv class=\"mmc-vibe\"\u003e\n            Romantic • Alt • Soft Gothic\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003c!-- STYLE 6 --\u003e\n      \u003carticle class=\"mmc-panel mmc-panel-6\"\u003e\n        \u003cdiv class=\"mmc-panel-image\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/ChatGPTImage2026_7_28_01_59_55_6.png?v=1785218987\" alt=\"Acid Skull neon green Halloween bracelet\" loading=\"lazy\" decoding=\"async\"\u003e\n          \u003cspan class=\"mmc-image-label\"\u003eStyle 06\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"mmc-panel-copy\"\u003e\n          \u003cspan\u003eNeon Alt Energy\u003c\/span\u003e\n          \u003ch4\u003eAcid Skull\u003c\/h4\u003e\n          \u003cp\u003e\n            A star-eyed skull meets electric green accents for a design that\n            feels part Halloween, part rave and part Y2K street style.\n            This is the loudest look in the collection.\n          \u003c\/p\u003e\n          \u003cdiv class=\"mmc-vibe\"\u003e\n            Electric • Rebellious • Impossible to Ignore\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- STYLE GUIDE --\u003e\n  \u003csection class=\"mmc-style-guide\"\u003e\n    \u003cdiv class=\"mmc-heading\"\u003e\n      \u003cspan\u003eWear It Your Way\u003c\/span\u003e\n      \u003ch3\u003eMade for More Than Halloween Night\u003c\/h3\u003e\n      \u003cp\u003e\n        Add one to your daily jewelry stack or make it the statement piece\n        of your October outfit.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"mmc-swipe-tip\"\u003eSwipe for styling ideas →\u003c\/div\u003e\n\n    \u003cdiv class=\"mmc-style-grid\"\u003e\n      \u003cdiv class=\"mmc-style-card\"\u003e\n        \u003cspan\u003e🖤\u003c\/span\u003e\n        \u003cstrong\u003eAlt \u0026amp; Gothic Looks\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"mmc-style-card\"\u003e\n        \u003cspan\u003e🎃\u003c\/span\u003e\n        \u003cstrong\u003eHalloween Parties\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"mmc-style-card\"\u003e\n        \u003cspan\u003e✨\u003c\/span\u003e\n        \u003cstrong\u003eJewelry Stacking\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"mmc-style-card\"\u003e\n        \u003cspan\u003e🎁\u003c\/span\u003e\n        \u003cstrong\u003eBestie Gift Sets\u003c\/strong\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- MESSAGE --\u003e\n  \u003csection class=\"mmc-message\"\u003e\n    \u003ch3\u003eWhy Pick One Halloween Personality?\u003c\/h3\u003e\n\n    \u003cp\u003e\n      Match your bracelet to your mood, your outfit or your group chat.\n      Go cute one day, gothic the next and neon chaotic by the weekend.\n    \u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- DETAILS --\u003e\n  \u003csection class=\"mmc-details-wrap\"\u003e\n    \u003cdiv class=\"mmc-details-heading\"\u003e\n      \u003cspan\u003eTap to Learn More\u003c\/span\u003e\n      \u003ch3\u003eCollection Information\u003c\/h3\u003e\n    \u003c\/div\u003e\n\n    \u003cdetails class=\"mmc-details\" open\u003e\n      \u003csummary\u003eWhich six styles are available?\u003c\/summary\u003e\n\n      \u003cdiv class=\"mmc-details-content\"\u003e\n        The Midnight Mischief Collection includes:\n\n        \u003cdiv class=\"mmc-design-list\"\u003e\n          \u003cdiv class=\"mmc-design-item\"\u003e\n            1. Boo After Dark\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"mmc-design-item\"\u003e\n            2. Pumpkin Riot\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"mmc-design-item\"\u003e\n            3. Lunar Bat\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"mmc-design-item\"\u003e\n            4. Midnight Familiar\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"mmc-design-item\"\u003e\n            5. Webbed Heart\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"mmc-design-item\"\u003e\n            6. Acid Skull\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails class=\"mmc-details\"\u003e\n      \u003csummary\u003eHow do I select my design?\u003c\/summary\u003e\n\n      \u003cdiv class=\"mmc-details-content\"\u003e\n        Choose your preferred style from the product options before adding\n        the bracelet to your cart. Check the artwork, bead colors and charm\n        shown for each option.\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails class=\"mmc-details\"\u003e\n      \u003csummary\u003eWill every bead look exactly identical?\u003c\/summary\u003e\n\n      \u003cdiv class=\"mmc-details-content\"\u003e\n        Color, pattern and surface detail may vary slightly between individual\n        beads. These small variations give each finished bracelet a unique\n        appearance.\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails class=\"mmc-details\"\u003e\n      \u003csummary\u003eHow should I care for my bracelet?\u003c\/summary\u003e\n\n      \u003cdiv class=\"mmc-details-content\"\u003e\n        Keep the bracelet dry and avoid direct contact with perfume, lotion,\n        cleaning products and salt water. Remove it before showering,\n        swimming or sleeping, and store it in a clean, dry place.\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails class=\"mmc-details\"\u003e\n      \u003csummary\u003eIs this collection suitable for gifting?\u003c\/summary\u003e\n\n      \u003cdiv class=\"mmc-details-content\"\u003e\n        Yes. Choose a design that matches your friend’s personality, or select\n        different styles for a coordinated Halloween gift set.\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- FINAL --\u003e\n  \u003csection class=\"mmc-final\"\u003e\n    \u003cdiv class=\"mmc-final-icon\"\u003e☾\u003c\/div\u003e\n\n    \u003ch3\u003eChoose the Design That Matches Your Midnight Mood\u003c\/h3\u003e\n\n    \u003cp\u003e\n      Six spooky personalities, one Halloween collection and endless ways to\n      make October feel more like you.\n    \u003c\/p\u003e\n\n    \u003ca class=\"mmc-cta\" href=\"#product-form\"\u003e\n      Choose Your Style\n      \u003cspan\u003e↑\u003c\/span\u003e\n    \u003c\/a\u003e\n\n    \u003cdiv class=\"mmc-final-note\"\u003e\n      Actual color may vary slightly due to bead patterning, lighting and\n      screen settings.\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e","brand":"cotitoc","offers":[{"title":"Boo After Dark","offer_id":52362030842158,"sku":"SZ04622607284707-定制8","price":23.99,"currency_code":"USD","in_stock":true},{"title":"Pumpkin Riot","offer_id":52362030874926,"sku":"SZ04622607284707-定制7","price":23.99,"currency_code":"USD","in_stock":true},{"title":"Lunar Bat","offer_id":52362030907694,"sku":"SZ04622607284707-定制10","price":23.99,"currency_code":"USD","in_stock":true},{"title":"Midnight Familiar","offer_id":52362030940462,"sku":"SZ04622607284707-定制9","price":23.99,"currency_code":"USD","in_stock":true},{"title":"Webbed Heart","offer_id":52362030973230,"sku":"SZ04622607284707-定制12","price":23.99,"currency_code":"USD","in_stock":true},{"title":"Acid Skull","offer_id":52362031005998,"sku":"SZ04622607284707-定制11","price":23.99,"currency_code":"USD","in_stock":true},{"title":"All Set","offer_id":52362031038766,"sku":"SZ04622607284707-定制7+SZ04622607284707-定制8+SZ04622607284707-定制9+SZ04622607284707-定制10+SZ04622607284707-定制11+SZ04622607284707-定制12","price":99.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0988\/2848\/4910\/files\/ChatGPTImage2026_7_28_02_06_03_2.png?v=1785218987","url":"https:\/\/cotitoc.com\/de\/products\/midnight-mischief","provider":"cotitoc","version":"1.0","type":"link"}