{"product_id":"custom-soft-enamel-metal-badge-order-online","title":"Custom Soft Enamel Metal Badge- Order Online","description":"\u003cstyle\u003e\n  \/* ================================\n     Order Online (Clean + CRO)\n     For: Custom Soft Enamel Metal Badge\n     Update: Copy aligned to current page options (no unnecessary repeats)\n     Fix: Mobile responsive + no overflow\n     ================================ *\/\n\n  .order-online-wrapper{\n    --text: #121212;\n    --line: #e8e8e8;\n    --bg-soft: #f7f7f7;\n\n    --radius: 10px;\n\n    --btn-bg: #000;\n    --btn-text: #fff;\n    --btn-border: #000;\n\n    --title-size: 18px;\n    --body-size: 16px;\n    --small-size: 14px;\n\n    font-size: var(--body-size);\n    color: var(--text);\n    line-height: 1.75;\n\n    max-width: 100%;\n  }\n\n  .order-online-wrapper *{ color: var(--text); }\n\n  .order-online-wrapper .oo-lead{\n    margin: 0 0 14px 0;\n    font-size: var(--body-size);\n    overflow-wrap: anywhere;\n  }\n\n  \/* Lead headline uses the same title size as other headings *\/\n  .order-online-wrapper .oo-lead .oo-strong{\n    display: block;\n    font-weight: 700;\n    font-size: var(--title-size);\n    margin-bottom: 6px;\n    overflow-wrap: anywhere;\n  }\n\n  .order-online-wrapper .oo-divider{\n    border: 0;\n    border-top: 1px solid var(--line);\n    margin: 18px 0;\n  }\n\n  .order-online-wrapper .oo-step{ margin: 0 0 18px 0; }\n\n  .order-online-wrapper .oo-step-title{\n    margin: 0 0 8px 0;\n    font-size: var(--title-size);\n    font-weight: 700;\n    letter-spacing: .1px;\n    text-transform: none;\n    overflow-wrap: anywhere;\n  }\n\n  .order-online-wrapper .oo-step-sub{\n    margin: 0 0 10px 0;\n    font-size: var(--body-size);\n    overflow-wrap: anywhere;\n  }\n\n  .order-online-wrapper .oo-list{\n    margin: 0;\n    padding-left: 18px;\n  }\n\n  .order-online-wrapper .oo-list li{\n    margin: 6px 0;\n    overflow-wrap: anywhere;\n  }\n\n  .order-online-wrapper .oo-card{\n    background: var(--bg-soft);\n    border: 1px solid var(--line);\n    border-radius: var(--radius);\n    padding: 14px 16px;\n    margin: 18px 0;\n    box-sizing: border-box;\n  }\n\n  .order-online-wrapper .oo-card-title{\n    margin: 0 0 8px 0;\n    font-size: var(--title-size);\n    font-weight: 700;\n    overflow-wrap: anywhere;\n  }\n\n  .order-online-wrapper .oo-card-row{\n    margin: 6px 0;\n    overflow-wrap: anywhere;\n  }\n\n  .order-online-wrapper .oo-cta{\n    text-align: center;\n    margin-top: 18px;\n  }\n\n  .order-online-wrapper .oo-cta-title{\n    margin: 0 0 12px 0;\n    font-size: var(--title-size);\n    font-weight: 700;\n    overflow-wrap: anywhere;\n  }\n\n  .order-online-wrapper .oo-cta-btn{\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--btn-bg);\n    color: var(--btn-text) !important;\n    border: 1px solid var(--btn-border);\n    padding: 16px 30px;\n    border-radius: 8px;\n    text-decoration: none;\n    font-weight: 700;\n    font-size: 16px;\n    letter-spacing: .2px;\n    min-height: 52px;\n    min-width: 280px;\n    white-space: nowrap;\n\n    box-sizing: border-box;\n    max-width: 100%;\n  }\n\n  .order-online-wrapper .oo-cta-btn:hover{ opacity: .92; }\n\n  .order-online-wrapper .oo-cta-note{\n    margin-top: 10px;\n    font-size: var(--small-size);\n    opacity: .9;\n    overflow-wrap: anywhere;\n  }\n\n  @media (max-width: 768px){\n    .order-online-wrapper{\n      --title-size: 17px;\n      --body-size: 16px;\n      --small-size: 14px;\n\n      overflow-x: hidden;\n    }\n\n    .order-online-wrapper .oo-cta-btn{\n      width: 100%;\n      max-width: 100%;\n      min-width: 0;\n      padding: 16px 16px;\n\n      white-space: normal;\n      word-break: break-word;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"order-online-wrapper\"\u003e\n\u003c!-- Lead (shorter) --\u003e\n\u003cp class=\"oo-lead\"\u003e\u003cspan class=\"oo-strong\"\u003eOrder Custom Soft Enamel Metal Badges\u003c\/span\u003e Choose quantity, upload your logo or artwork, and submit your request. We’ll send a free digital proof within 24 hours. Production starts only after you approve.\u003c\/p\u003e\n\u003cdiv class=\"oo-step\"\u003e\n\u003chr class=\"oo-divider\"\u003e\n\u003ch3 class=\"oo-step-title\"\u003eStep 1 · Choose Quantity\u003c\/h3\u003e\n\u003cp class=\"oo-step-sub\"\u003ePick your quantity. Price updates automatically. \u003cstrong\u003eMinimum: 50 pcs\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Step 2 (aligned to soft enamel badge options) --\u003e\n\u003cdiv class=\"oo-step\"\u003e\n\u003ch3 class=\"oo-step-title\"\u003eStep 2 · Upload Logo \/ Artwork\u003c\/h3\u003e\n\u003cp class=\"oo-step-sub\"\u003eUpload your design file. If you have a preference for size, or shape, leave a note in the comments box. We’ll recommend the best layout for clean enamel lines and strong detail.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Step 3 --\u003e\n\u003cdiv class=\"oo-step\"\u003e\n\u003ch3 class=\"oo-step-title\"\u003eStep 3 · Choose Lead Time\u003c\/h3\u003e\n\u003cp class=\"oo-step-sub\"\u003eLead time means \u003cstrong\u003eproduction + shipping\u003c\/strong\u003e (from artwork approval to delivery).\u003c\/p\u003e\n\u003cdiv class=\"oo-card\" style=\"margin: 14px 0 0 0;\"\u003e\n\u003cp class=\"oo-card-title\"\u003eRush Guarantee\u003c\/p\u003e\n\u003cp class=\"oo-card-row\"\u003eCarrier delay → rush fee refunded.\u003c\/p\u003e\n\u003cp class=\"oo-card-row\"\u003eMiss your event date due to delay → full refund.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Step 4 --\u003e\n\u003cdiv class=\"oo-step\"\u003e\n\u003ch3 class=\"oo-step-title\"\u003eStep 4 · Submit \u0026amp; Approve\u003c\/h3\u003e\n\u003cp class=\"oo-step-sub\"\u003eSubmit your request. We’ll send a digital proof within 24 hours. You can request revisions before final approval. Production begins only after your approval.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Trust box --\u003e\n\u003cdiv class=\"oo-card\"\u003e\n\u003cp class=\"oo-card-title\"\u003eNo Surprises\u003c\/p\u003e\n\u003cp class=\"oo-card-row\"\u003e\u003cstrong\u003eTax-free · Free shipping · No hidden fees\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"oo-card-row\"\u003eFree digital proof within 24 hours\u003c\/p\u003e\n\u003cp class=\"oo-card-row\"\u003eMockup approval before production\u003c\/p\u003e\n\u003cp class=\"oo-card-row\"\u003e100% quality check before shipping\u003c\/p\u003e\n\u003cp class=\"oo-card-row\"\u003e\u003cstrong\u003eQuality issue?\u003c\/strong\u003e 100% refund guarantee\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Bottom CTA --\u003e\n\u003cdiv class=\"oo-cta\"\u003e\n\u003cp class=\"oo-cta-title\"\u003eSpecial request or need a mockup first?\u003c\/p\u003e\n\u003ca href=\"https:\/\/www.3dshoecharms.ca\/products\/custom-soft-enamel-metal-badge-free-design-proof-quote#free-mockup-form\" class=\"oo-cta-btn\"\u003e Get a Free Mockup \u0026amp; Quote \u003c\/a\u003e\n\u003cp class=\"oo-cta-note\"\u003eFree proof · No payment required · Reply within 24 hours\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"3D SHOE CHARMS","offers":[{"title":"50","offer_id":51990741287231,"sku":null,"price":412.0,"currency_code":"CAD","in_stock":true},{"title":"100","offer_id":51990741319999,"sku":null,"price":614.0,"currency_code":"CAD","in_stock":true},{"title":"250","offer_id":51990741352767,"sku":null,"price":962.0,"currency_code":"CAD","in_stock":true},{"title":"500","offer_id":51990741385535,"sku":null,"price":1622.0,"currency_code":"CAD","in_stock":true},{"title":"1000","offer_id":51990741418303,"sku":null,"price":2870.0,"currency_code":"CAD","in_stock":true},{"title":"2500","offer_id":51990741451071,"sku":null,"price":5666.0,"currency_code":"CAD","in_stock":true},{"title":"5000","offer_id":51990741483839,"sku":null,"price":9647.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0925\/4669\/5487\/files\/Brooch251205.jpg?v=1774604889","url":"https:\/\/www.3dshoecharms.ca\/products\/custom-soft-enamel-metal-badge-order-online","provider":"3D Shoe Charms","version":"1.0","type":"link"}