{"product_id":"custom-3d-rubber-pins","title":"Custom 3D Rubber Lapel Pins - Order Online","description":"\u003cstyle\u003e\n  \/* ================================\n     Order Online (Clean + CRO - Short Copy)\n     Product: Custom 3D Rubber Lapel Pins - Order Online\n     Page: https:\/\/www.3dshoecharms.com\/products\/custom-3d-rubber-pins\n     Principle: Only explain the process + what may confuse buyers\n     (Do NOT repeat clearly-visible option details)\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    --btn2-bg: #fff;\n    --btn2-text: #000;\n    --btn2-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  .order-online-wrapper .oo-lead .oo-strong{\n    display: block;\n    font-weight: 800;\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: 800;\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: 800;\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: 800;\n    overflow-wrap: anywhere;\n  }\n\n  \/* CTA buttons layout (two buttons, consistent \u0026 responsive) *\/\n  .order-online-wrapper .oo-cta-actions{\n    display: flex;\n    gap: 12px;\n    justify-content: center;\n    align-items: stretch;\n    flex-wrap: wrap;\n    margin: 0 auto;\n    max-width: 720px;\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: 800;\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-btn--secondary{\n    background: var(--btn2-bg);\n    color: var(--btn2-text) !important;\n    border: 1px solid var(--btn2-border);\n  }\n  .order-online-wrapper .oo-cta-btn--secondary:hover{ background:#f6f6f6; }\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      overflow-x: hidden;\n    }\n\n    .order-online-wrapper .oo-cta-actions{\n      flex-direction: column;\n      gap: 10px;\n      align-items: stretch;\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\n\u003cdiv class=\"order-online-wrapper\"\u003e\n  \u003c!-- Lead --\u003e\n  \u003cp class=\"oo-lead\"\u003e\n    \u003cspan class=\"oo-strong\"\u003eOrder Custom 3D Rubber Lapel Pins Online\u003c\/span\u003e\n    Choose quantity, select your pin type, upload your logo, and checkout. We’ll email your digital proof within 24 hours, and production starts only after you approve it.\n  \u003c\/p\u003e\n\n  \u003chr class=\"oo-divider\"\u003e\n\n  \u003c!-- Step 1 --\u003e\n  \u003cdiv class=\"oo-step\"\u003e\n    \u003ch3 class=\"oo-step-title\"\u003eStep 1 · Choose Quantity\u003c\/h3\u003e\n    \u003cp class=\"oo-step-sub\"\u003e\n      Pick your quantity and the price updates automatically. \u003cstrong\u003eMinimum: 20 pcs\u003c\/strong\u003e.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Step 2 --\u003e\n  \u003cdiv class=\"oo-step\"\u003e\n    \u003ch3 class=\"oo-step-title\"\u003eStep 2 · Choose Your Pin Type\u003c\/h3\u003e\n    \u003cp class=\"oo-step-sub\"\u003e\n      Select the finish that fits your project. Standard is the most common choice. Glow-in-the-dark is great for fun or night-themed designs. UV color-changing works best for outdoor use and sunlight-reactive effects.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Step 3 --\u003e\n  \u003cdiv class=\"oo-step\"\u003e\n    \u003ch3 class=\"oo-step-title\"\u003eStep 3 · Upload Logo\u003c\/h3\u003e\n    \u003cp class=\"oo-step-sub\"\u003e\n      Upload your logo or artwork file. If you want a specific shape outline, layer depth, glow area, UV-changing area, or backing request, leave it in the Comments box.\n    \u003c\/p\u003e\n    \u003cul class=\"oo-list\"\u003e\n      \u003cli\u003e\n\u003cstrong\u003eBest files:\u003c\/strong\u003e AI, PDF, SVG, or high-resolution PNG\u003c\/li\u003e\n      \u003cli\u003e\n\u003cstrong\u003eNo worries:\u003c\/strong\u003e if you only have a screenshot or simple image, upload it and our team can help prepare the artwork\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Step 4 --\u003e\n  \u003cdiv class=\"oo-step\"\u003e\n    \u003ch3 class=\"oo-step-title\"\u003eStep 4 · Choose Delivery Time\u003c\/h3\u003e\n    \u003cp class=\"oo-step-sub\"\u003e\n      Delivery time includes \u003cstrong\u003eproduction + shipping\u003c\/strong\u003e from payment to delivery. Choose the option that best matches your event date or deadline.\n    \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\n  \u003c!-- Step 5 --\u003e\n  \u003cdiv class=\"oo-step\"\u003e\n    \u003ch3 class=\"oo-step-title\"\u003eStep 5 · Checkout\u003c\/h3\u003e\n    \u003cp class=\"oo-step-sub\"\u003e\n      Add to cart and pay securely. We’ll send your proof within 24 hours for approval, and you can request revisions before we move into mass production.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\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\"\u003eProof 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\n  \u003c!-- Bottom CTA --\u003e\n  \u003cdiv class=\"oo-cta\"\u003e\n    \u003cp class=\"oo-cta-title\"\u003eSpecial request or want to see a proof before paying?\u003c\/p\u003e\n    \u003cdiv class=\"oo-cta-actions\"\u003e\n      \u003ca class=\"oo-cta-btn\" href=\"https:\/\/www.3dshoecharms.com\/products\/custom-3d-rubber-laple-pins#free-mockup-form\"\u003eGet Free Proof \u0026amp; Quote\u003c\/a\u003e\n      \u003ca class=\"oo-cta-btn oo-cta-btn--secondary\" href=\"https:\/\/www.3dshoecharms.com\/products\/custom-sample-with-your-logo-try-before-you-order\"\u003eOrder a $9.9 Sample\u003c\/a\u003e\n    \u003c\/div\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":"BestyPromo","offers":[{"title":"20","offer_id":42136863113473,"sku":null,"price":99.0,"currency_code":"USD","in_stock":true},{"title":"50","offer_id":42136862916865,"sku":null,"price":199.0,"currency_code":"USD","in_stock":true},{"title":"100","offer_id":42136862949633,"sku":null,"price":362.0,"currency_code":"USD","in_stock":true},{"title":"200","offer_id":42136862982401,"sku":null,"price":469.0,"currency_code":"USD","in_stock":true},{"title":"500","offer_id":42136863015169,"sku":null,"price":635.0,"currency_code":"USD","in_stock":true},{"title":"1000","offer_id":42136863047937,"sku":null,"price":1086.0,"currency_code":"USD","in_stock":true},{"title":"2000","offer_id":42136863080705,"sku":null,"price":1750.0,"currency_code":"USD","in_stock":true},{"title":"5000","offer_id":48051700826369,"sku":null,"price":3557.0,"currency_code":"USD","in_stock":true},{"title":"10000","offer_id":48051700859137,"sku":null,"price":6420.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/3141\/6065\/products\/PVCButtons05.jpg?v=1773895326","url":"https:\/\/www.3dshoecharms.com\/products\/custom-3d-rubber-pins","provider":"3D SHOE CHARMS","version":"1.0","type":"link"}