{"product_id":"4","title":"Steered by Grace","description":"\u003csection class=\"cgc-guided-steps\"\u003e\n  \u003cdiv class=\"cgc-gs-card\"\u003e\n\n    \u003cdiv class=\"cgc-gs-floaties\" aria-hidden=\"true\"\u003e\n      \u003cspan class=\"cgc-gs-floaty cgc-gs-floaty-1\"\u003e♡\u003c\/span\u003e\n      \u003cspan class=\"cgc-gs-floaty cgc-gs-floaty-2\"\u003e✨\u003c\/span\u003e\n      \u003cspan class=\"cgc-gs-floaty cgc-gs-floaty-3\"\u003e🎀\u003c\/span\u003e\n      \u003cspan class=\"cgc-gs-floaty cgc-gs-floaty-4\"\u003e💗\u003c\/span\u003e\n      \u003cspan class=\"cgc-gs-floaty cgc-gs-floaty-5\"\u003e👣\u003c\/span\u003e\n      \u003cspan class=\"cgc-gs-bubble cgc-gs-bubble-1\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"cgc-gs-bubble cgc-gs-bubble-2\"\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"cgc-gs-inner\"\u003e\n      \u003cp class=\"cgc-gs-eyebrow\"\u003e♡ CHARM MEANING\u003c\/p\u003e\n\n      \u003ch2\u003eGuided Steps\u003c\/h2\u003e\n\n      \u003cp class=\"cgc-gs-subtitle\"\u003e\n        A sweet reminder that God is guiding your steps and gently steering your story.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"cgc-gs-row cgc-gs-row-pink\"\u003e\n        \u003cdiv class=\"cgc-gs-icon\"\u003e👣\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003ch3\u003eGod Is Guiding Your Steps\u003c\/h3\u003e\n          \u003cp\u003e\n            This charm is a gentle reminder that even when the path feels unclear, God is still leading, guiding, and carefully directing your story.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cgc-gs-row cgc-gs-row-blue\"\u003e\n        \u003cdiv class=\"cgc-gs-icon\"\u003e☁️\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003ch3\u003eFor The Girl Trusting His Direction\u003c\/h3\u003e\n          \u003cp\u003e\n            For the girl learning to trust His \u003cstrong\u003edirection\u003c\/strong\u003e, even when she cannot see the whole path yet.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cgc-gs-row cgc-gs-row-white\"\u003e\n        \u003cdiv class=\"cgc-gs-icon\"\u003e✝\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003ch3\u003eScripture Reminder\u003c\/h3\u003e\n          \u003cp class=\"cgc-gs-verse\"\u003e\n            “In all your ways acknowledge him, and he will make straight your paths.”\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cgc-gs-row cgc-gs-row-yellow\"\u003e\n        \u003cdiv class=\"cgc-gs-icon\"\u003e📖\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003ch3\u003eBible Reference\u003c\/h3\u003e\n          \u003cp\u003e\n            \u003cstrong\u003eProverbs 3:6\u003c\/strong\u003e\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"cgc-gs-closing\"\u003e\n        ♡ Trust His direction. He is making your path straight. ♡\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n  .cgc-guided-steps,\n  .cgc-guided-steps * {\n    box-sizing: border-box;\n  }\n\n  .cgc-guided-steps {\n    width: 100%;\n    background: #fff8fb;\n    padding: 36px 14px;\n    overflow: hidden;\n  }\n\n  .cgc-gs-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-gs-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-gs-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-gs-inner {\n    position: relative;\n    z-index: 3;\n    text-align: center;\n  }\n\n  .cgc-gs-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-gs-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-gs-subtitle {\n    max-width: 680px;\n    margin: 0 auto 28px !important;\n    color: #23395f;\n    font-size: 18px;\n    line-height: 1.65;\n    font-weight: 700;\n  }\n\n  .cgc-gs-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-gs-row-pink {\n    background: #fff7fa;\n    border: 1px solid #f2c9d6;\n  }\n\n  .cgc-gs-row-blue {\n    background: #f7fbff;\n    border: 1px solid #d8eaf8;\n  }\n\n  .cgc-gs-row-white {\n    background: #ffffff;\n    border: 1px solid #f2c9d6;\n  }\n\n  .cgc-gs-row-yellow {\n    background: #fffbe7;\n    border: 1px solid #f2e2a3;\n  }\n\n  .cgc-gs-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: cgcGsPulse 2.8s ease-in-out infinite;\n  }\n\n  .cgc-gs-row-blue .cgc-gs-icon {\n    background: #e7f5ff;\n  }\n\n  .cgc-gs-row-yellow .cgc-gs-icon {\n    background: #fff4c8;\n  }\n\n  .cgc-gs-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-gs-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-gs-row strong {\n    color: #001f4e;\n    font-weight: 900;\n  }\n\n  .cgc-gs-verse {\n    color: #7d3e54 !important;\n    font-size: 16.5px !important;\n    font-weight: 800 !important;\n    font-style: italic;\n  }\n\n  .cgc-gs-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-gs-floaties {\n    position: absolute;\n    inset: 0;\n    z-index: 2;\n    pointer-events: none;\n  }\n\n  .cgc-gs-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-gs-floaty-1 {\n    top: 28px;\n    left: 34px;\n    font-size: 25px;\n    animation: cgcGsFloatOne 4s ease-in-out infinite;\n  }\n\n  .cgc-gs-floaty-2 {\n    top: 54px;\n    right: 110px;\n    font-size: 22px;\n    animation: cgcGsSparkle 3s ease-in-out infinite;\n  }\n\n  .cgc-gs-floaty-3 {\n    top: 28px;\n    right: 42px;\n    font-size: 25px;\n    animation: cgcGsRibbon 4.4s ease-in-out infinite;\n  }\n\n  .cgc-gs-floaty-4 {\n    bottom: 36px;\n    right: 42px;\n    font-size: 24px;\n    animation: cgcGsFloatOne 4.2s ease-in-out infinite;\n  }\n\n  .cgc-gs-floaty-5 {\n    bottom: 38px;\n    left: 42px;\n    font-size: 24px;\n    animation: cgcGsStepsFloat 4.6s ease-in-out infinite;\n  }\n\n  .cgc-gs-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-gs-bubble-1 {\n    width: 42px;\n    height: 42px;\n    left: 9%;\n    bottom: 16%;\n    animation: cgcGsBubble 5s ease-in-out infinite;\n  }\n\n  .cgc-gs-bubble-2 {\n    width: 24px;\n    height: 24px;\n    right: 18%;\n    top: 21%;\n    background: rgba(232, 245, 255, 0.8);\n    animation: cgcGsBubble 5.5s ease-in-out infinite;\n  }\n\n  @keyframes cgcGsFloatOne {\n    0%, 100% {\n      transform: translateY(0) rotate(0deg);\n    }\n    50% {\n      transform: translateY(-9px) rotate(7deg);\n    }\n  }\n\n  @keyframes cgcGsStepsFloat {\n    0%, 100% {\n      transform: translateY(0) rotate(-4deg);\n    }\n    50% {\n      transform: translateY(-8px) rotate(6deg);\n    }\n  }\n\n  @keyframes cgcGsRibbon {\n    0%, 100% {\n      transform: translateY(0) rotate(-6deg);\n    }\n    50% {\n      transform: translateY(-9px) rotate(8deg);\n    }\n  }\n\n  @keyframes cgcGsSparkle {\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 cgcGsBubble {\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 cgcGsPulse {\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-gs-card {\n      padding: 38px 20px;\n      border-radius: 28px;\n    }\n\n    .cgc-gs-row {\n      padding: 18px 16px;\n      gap: 13px;\n      border-radius: 22px;\n    }\n\n    .cgc-gs-icon {\n      width: 42px;\n      height: 42px;\n      min-width: 42px;\n      font-size: 19px;\n    }\n\n    .cgc-gs-row h3 {\n      font-size: 19px;\n    }\n\n    .cgc-gs-row p {\n      font-size: 14.8px;\n    }\n\n    .cgc-gs-closing {\n      border-radius: 18px;\n    }\n  }\n\n  @media screen and (max-width: 480px) {\n    .cgc-guided-steps {\n      padding: 32px 12px;\n    }\n\n    .cgc-gs-card {\n      padding: 34px 15px;\n      border-radius: 24px;\n    }\n\n    .cgc-gs-card h2 {\n      font-size: clamp(36px, 12vw, 52px);\n    }\n\n    .cgc-gs-subtitle {\n      font-size: 15.5px;\n      line-height: 1.7;\n    }\n\n    .cgc-gs-floaty-2,\n    .cgc-gs-floaty-3,\n    .cgc-gs-floaty-4,\n    .cgc-gs-floaty-5,\n    .cgc-gs-bubble-2 {\n      display: none;\n    }\n  }\n\u003c\/style\u003e","brand":"Christian Girl Core","offers":[{"title":"Default Title","offer_id":46438991429831,"sku":null,"price":3.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0757\/9765\/9847\/files\/20_a16d923e-fe21-4bf5-91a4-e4ebf21e2aec.jpg?v=1778958024","url":"https:\/\/christiangirlcore.com\/products\/4","provider":"Christian Girl Core","version":"1.0","type":"link"}