{"product_id":"charm-tool","title":"Charm Tool","description":"\u003csection class=\"cgc-charm-tool\"\u003e\n  \u003cdiv class=\"cgc-tool-card\"\u003e\n\n    \u003cdiv class=\"cgc-tool-floaties\" aria-hidden=\"true\"\u003e\n      \u003cspan class=\"cgc-tool-floaty cgc-tool-floaty-1\"\u003e♡\u003c\/span\u003e\n      \u003cspan class=\"cgc-tool-floaty cgc-tool-floaty-2\"\u003e✨\u003c\/span\u003e\n      \u003cspan class=\"cgc-tool-floaty cgc-tool-floaty-3\"\u003e🎀\u003c\/span\u003e\n      \u003cspan class=\"cgc-tool-floaty cgc-tool-floaty-4\"\u003e💗\u003c\/span\u003e\n      \u003cspan class=\"cgc-tool-bubble cgc-tool-bubble-1\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"cgc-tool-bubble cgc-tool-bubble-2\"\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"cgc-tool-inner\"\u003e\n      \u003cp class=\"cgc-tool-eyebrow\"\u003e♡ BRACELET HELPER TOOL\u003c\/p\u003e\n\n      \u003ch2\u003eCharm Tool\u003c\/h2\u003e\n\n      \u003cp class=\"cgc-tool-subtitle\"\u003e\n        Save your fingers. Save your patience. Save the whole vibe.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"cgc-tool-main-copy\"\u003e\n        \u003cp\u003e\n          This little tool makes it so much easier to \u003cstrong\u003eadd, remove, and replace charms\u003c\/strong\u003e\n          on your Italian charm bracelet without hurting your fingers or getting frustrated.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cgc-tool-row cgc-tool-row-pink\"\u003e\n        \u003cdiv class=\"cgc-tool-icon\"\u003e♡\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003ch3\u003eMakes Charm Swaps Easier\u003c\/h3\u003e\n          \u003cp\u003e\n            Helps you open your Italian charm bracelet so you can switch charms with way less stress.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cgc-tool-row cgc-tool-row-blue\"\u003e\n        \u003cdiv class=\"cgc-tool-icon\"\u003e☁️\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003ch3\u003eLess Pinching, Pulling, And Finger Pain\u003c\/h3\u003e\n          \u003cp\u003e\n            No more fighting with the bracelet links. This tool helps make the process smoother and more comfortable.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cgc-tool-row cgc-tool-row-white\"\u003e\n        \u003cdiv class=\"cgc-tool-icon\"\u003e✨\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003ch3\u003ePerfect For Building Your Bracelet\u003c\/h3\u003e\n          \u003cp\u003e\n            Use it when you’re adding new charms, changing your story, or swapping charms whenever your season changes.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cgc-tool-row cgc-tool-row-yellow\"\u003e\n        \u003cdiv class=\"cgc-tool-icon\"\u003e🎀\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003ch3\u003eCute Bracelets Should Not Come With Finger Pain\u003c\/h3\u003e\n          \u003cp\u003e\n            A small tool that makes your bracelet-building experience feel easier, calmer, and way less annoying.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cgc-tool-closing\"\u003e\n        ♡ Recommended if you plan to add, remove, or swap charms often. ♡\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n  .cgc-charm-tool,\n  .cgc-charm-tool * {\n    box-sizing: border-box;\n  }\n\n  .cgc-charm-tool {\n    width: 100%;\n    background: #fff8fb;\n    padding: 36px 14px;\n    overflow: hidden;\n  }\n\n  .cgc-tool-card {\n    position: relative;\n    max-width: 880px;\n    margin: 0 auto;\n    padding: 42px 28px;\n    border-radius: 32px;\n    border: 1px solid #f2c9d6;\n    background: linear-gradient(135deg, #fffdfd 0%, #fff4f8 52%, #f7fbff 100%);\n    box-shadow: 0 18px 42px rgba(125, 62, 84, 0.08);\n    overflow: hidden;\n  }\n\n  .cgc-tool-card::before {\n    content: \"\";\n    position: absolute;\n    width: 210px;\n    height: 210px;\n    top: -105px;\n    right: -80px;\n    background: rgba(249, 220, 232, 0.68);\n    border-radius: 50%;\n    z-index: 1;\n  }\n\n  .cgc-tool-card::after {\n    content: \"\";\n    position: absolute;\n    width: 200px;\n    height: 200px;\n    bottom: -100px;\n    left: -85px;\n    background: rgba(232, 245, 255, 0.9);\n    border-radius: 50%;\n    z-index: 1;\n  }\n\n  .cgc-tool-inner {\n    position: relative;\n    z-index: 3;\n    text-align: center;\n  }\n\n  .cgc-tool-eyebrow {\n    margin: 0 0 12px !important;\n    color: #b85f79 !important;\n    font-size: 13px !important;\n    font-weight: 900 !important;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n  }\n\n  .cgc-tool-card h2 {\n    margin: 0 0 14px !important;\n    color: #001f4e;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-style: italic;\n    font-size: clamp(40px, 7vw, 68px);\n    line-height: 0.98;\n    font-weight: 900;\n    letter-spacing: -1px;\n  }\n\n  .cgc-tool-subtitle {\n    max-width: 680px;\n    margin: 0 auto 22px !important;\n    color: #7d3e54;\n    font-size: 20px;\n    line-height: 1.5;\n    font-weight: 900;\n  }\n\n  .cgc-tool-main-copy {\n    max-width: 720px;\n    margin: 0 auto 28px;\n  }\n\n  .cgc-tool-main-copy p {\n    margin: 0;\n    color: #30486f;\n    font-size: 16.5px;\n    line-height: 1.75;\n    font-weight: 600;\n  }\n\n  .cgc-tool-main-copy strong {\n    color: #001f4e;\n    font-weight: 900;\n  }\n\n  .cgc-tool-row {\n    width: 100%;\n    max-width: 780px;\n    margin: 0 auto 14px;\n    padding: 20px 22px;\n    border-radius: 24px;\n    display: flex;\n    align-items: flex-start;\n    gap: 16px;\n    text-align: left;\n    box-shadow: 0 12px 28px rgba(125, 62, 84, 0.06);\n  }\n\n  .cgc-tool-row-pink {\n    background: #fff7fa;\n    border: 1px solid #f2c9d6;\n  }\n\n  .cgc-tool-row-blue {\n    background: #f7fbff;\n    border: 1px solid #d8eaf8;\n  }\n\n  .cgc-tool-row-white {\n    background: #ffffff;\n    border: 1px solid #f2c9d6;\n  }\n\n  .cgc-tool-row-yellow {\n    background: #fffbe7;\n    border: 1px solid #f2e2a3;\n  }\n\n  .cgc-tool-icon {\n    width: 48px;\n    height: 48px;\n    min-width: 48px;\n    border-radius: 50%;\n    background: #f9dce8;\n    color: #b85f79;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 22px;\n    box-shadow: 0 8px 18px rgba(125, 62, 84, 0.08);\n    animation: cgcToolPulse 2.8s ease-in-out infinite;\n  }\n\n  .cgc-tool-row-blue .cgc-tool-icon {\n    background: #e7f5ff;\n  }\n\n  .cgc-tool-row-yellow .cgc-tool-icon {\n    background: #fff4c8;\n  }\n\n  .cgc-tool-row h3 {\n    margin: 0 0 8px;\n    color: #001f4e;\n    font-size: 21px;\n    line-height: 1.2;\n    font-weight: 900;\n  }\n\n  .cgc-tool-row p {\n    margin: 0;\n    color: #30486f;\n    font-size: 15.8px;\n    line-height: 1.65;\n    font-weight: 600;\n  }\n\n  .cgc-tool-closing {\n    max-width: 780px;\n    margin: 20px auto 0;\n    padding: 15px 18px;\n    border-radius: 999px;\n    background: #ffffff;\n    border: 1px solid #f2c9d6;\n    color: #7d3e54;\n    font-size: 15.5px;\n    line-height: 1.45;\n    font-weight: 900;\n    box-shadow: 0 10px 24px rgba(125, 62, 84, 0.06);\n  }\n\n  .cgc-tool-floaties {\n    position: absolute;\n    inset: 0;\n    z-index: 2;\n    pointer-events: none;\n  }\n\n  .cgc-tool-floaty {\n    position: absolute;\n    color: #e19aae;\n    opacity: 0.82;\n    font-weight: 900;\n    line-height: 1;\n    filter: drop-shadow(0 6px 10px rgba(125, 62, 84, 0.07));\n  }\n\n  .cgc-tool-floaty-1 {\n    top: 28px;\n    left: 34px;\n    font-size: 25px;\n    animation: cgcToolFloatOne 4s ease-in-out infinite;\n  }\n\n  .cgc-tool-floaty-2 {\n    top: 54px;\n    right: 110px;\n    font-size: 22px;\n    animation: cgcToolSparkle 3s ease-in-out infinite;\n  }\n\n  .cgc-tool-floaty-3 {\n    top: 28px;\n    right: 42px;\n    font-size: 25px;\n    animation: cgcToolRibbon 4.4s ease-in-out infinite;\n  }\n\n  .cgc-tool-floaty-4 {\n    bottom: 36px;\n    right: 42px;\n    font-size: 24px;\n    animation: cgcToolFloatOne 4.2s ease-in-out infinite;\n  }\n\n  .cgc-tool-bubble {\n    position: absolute;\n    border-radius: 50%;\n    background: rgba(249, 220, 232, 0.5);\n    border: 1px solid rgba(242, 201, 214, 0.7);\n    box-shadow: 0 10px 25px rgba(125, 62, 84, 0.06);\n  }\n\n  .cgc-tool-bubble-1 {\n    width: 42px;\n    height: 42px;\n    left: 9%;\n    bottom: 16%;\n    animation: cgcToolBubble 5s ease-in-out infinite;\n  }\n\n  .cgc-tool-bubble-2 {\n    width: 24px;\n    height: 24px;\n    right: 18%;\n    top: 21%;\n    background: rgba(232, 245, 255, 0.8);\n    animation: cgcToolBubble 5.5s ease-in-out infinite;\n  }\n\n  @keyframes cgcToolFloatOne {\n    0%, 100% {\n      transform: translateY(0) rotate(0deg);\n    }\n    50% {\n      transform: translateY(-9px) rotate(7deg);\n    }\n  }\n\n  @keyframes cgcToolRibbon {\n    0%, 100% {\n      transform: translateY(0) rotate(-6deg);\n    }\n    50% {\n      transform: translateY(-9px) rotate(8deg);\n    }\n  }\n\n  @keyframes cgcToolSparkle {\n    0%, 100% {\n      transform: scale(1) rotate(0deg);\n      opacity: 0.7;\n    }\n    50% {\n      transform: scale(1.18) rotate(8deg);\n      opacity: 1;\n    }\n  }\n\n  @keyframes cgcToolBubble {\n    0%, 100% {\n      transform: translateY(0);\n      opacity: 0.45;\n    }\n    50% {\n      transform: translateY(-14px);\n      opacity: 0.85;\n    }\n  }\n\n  @keyframes cgcToolPulse {\n    0%, 100% {\n      transform: scale(1);\n    }\n    50% {\n      transform: scale(1.1);\n    }\n  }\n\n  @media screen and (max-width: 700px) {\n    .cgc-tool-card {\n      padding: 38px 20px;\n      border-radius: 28px;\n    }\n\n    .cgc-tool-row {\n      padding: 18px 16px;\n      gap: 13px;\n      border-radius: 22px;\n    }\n\n    .cgc-tool-icon {\n      width: 42px;\n      height: 42px;\n      min-width: 42px;\n      font-size: 19px;\n    }\n\n    .cgc-tool-row h3 {\n      font-size: 19px;\n    }\n\n    .cgc-tool-row p {\n      font-size: 14.8px;\n    }\n\n    .cgc-tool-closing {\n      border-radius: 18px;\n    }\n  }\n\n  @media screen and (max-width: 480px) {\n    .cgc-charm-tool {\n      padding: 32px 12px;\n    }\n\n    .cgc-tool-card {\n      padding: 34px 15px;\n      border-radius: 24px;\n    }\n\n    .cgc-tool-card h2 {\n      font-size: clamp(36px, 12vw, 52px);\n    }\n\n    .cgc-tool-subtitle {\n      font-size: 17px;\n      line-height: 1.55;\n    }\n\n    .cgc-tool-main-copy p {\n      font-size: 15.5px;\n      line-height: 1.7;\n    }\n\n    .cgc-tool-floaty-2,\n    .cgc-tool-floaty-3,\n    .cgc-tool-floaty-4,\n    .cgc-tool-bubble-2 {\n      display: none;\n    }\n  }\n\u003c\/style\u003e","brand":"Christian Girl Core","offers":[{"title":"Default Title","offer_id":46552264343751,"sku":null,"price":4.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0757\/9765\/9847\/files\/4f231582-13d8-4694-a559-003c244963ce.png?v=1779094921","url":"https:\/\/christiangirlcore.com\/products\/charm-tool","provider":"Christian Girl Core","version":"1.0","type":"link"}