{"product_id":"custom-payment-order","title":"Custom Payment Order","description":"\u003cstyle\u003e\n  :root {\n    --ink: #1a1a1a;\n    --ink-light: #555;\n    --ink-muted: #888;\n    --bg: #ffffff;\n    --bg-warm: #faf9f7;\n    --bg-section: #f5f4f1;\n    --accent: #c0392b;\n    --accent-hover: #a93226;\n    --border: #e8e6e1;\n    --border-light: #f0eeea;\n    --radius: 8px;\n    --radius-lg: 12px;\n  }\n\n  * { margin: 0; padding: 0; box-sizing: border-box; }\n\n  body {\n    font-family: 'DM Sans', sans-serif;\n    color: var(--ink);\n    background: var(--bg);\n    line-height: 1.7;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  .cpo-container { max-width: 900px; margin: 0 auto; padding: 0 24px; }\n  .cpo-section { padding: 56px 0; }\n  .cpo-section + .cpo-section { border-top: 1px solid var(--border-light); }\n  .cpo-section--tinted { background: var(--bg-section); }\n\n  \/* ── Hero ── *\/\n  .cpo-hero { padding: 48px 0 40px; }\n  .cpo-hero__eyebrow {\n    font-size: 12px; font-weight: 600; letter-spacing: 1.5px;\n    text-transform: uppercase; color: var(--accent); margin-bottom: 12px;\n  }\n  .cpo-hero__title {\n    font-size: clamp(28px, 5vw, 40px); font-weight: 700;\n    line-height: 1.2; color: var(--ink); margin-bottom: 16px;\n  }\n  .cpo-hero__desc {\n    font-size: 17px; color: var(--ink-light); max-width: 680px; line-height: 1.75;\n  }\n\n  \/* ── Highlights ── *\/\n  .cpo-highlights {\n    display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n    gap: 1px; background: var(--border); border: 1px solid var(--border);\n    border-radius: var(--radius-lg); overflow: hidden; margin: 40px 0 0;\n  }\n  .cpo-highlight-item { background: var(--bg); padding: 20px 16px; text-align: center; }\n  .cpo-highlight-item__icon { font-size: 22px; margin-bottom: 6px; }\n  .cpo-highlight-item__label { font-size: 13px; font-weight: 600; color: var(--ink); line-height: 1.4; }\n  .cpo-highlight-item__sub { font-size: 12px; color: var(--ink-muted); margin-top: 2px; }\n\n  \/* ── Section headings ── *\/\n  .cpo-section__title { font-size: 24px; font-weight: 700; margin-bottom: 8px; color: var(--ink); }\n  .cpo-section__subtitle { font-size: 15px; color: var(--ink-muted); margin-bottom: 36px; }\n\n  \/* ── Features ── *\/\n  .cpo-features { display: flex; flex-direction: column; gap: 32px; }\n  .cpo-feature { display: grid; grid-template-columns: 48px 1fr; gap: 16px; align-items: start; }\n  .cpo-feature__num {\n    width: 48px; height: 48px; border-radius: 50%; background: var(--bg-section);\n    display: flex; align-items: center; justify-content: center;\n    font-size: 18px; font-weight: 700; color: var(--accent); flex-shrink: 0;\n  }\n  .cpo-feature__title { font-size: 16px; font-weight: 600; color: var(--ink); margin-bottom: 4px; }\n  .cpo-feature__desc { font-size: 15px; color: var(--ink-light); line-height: 1.7; }\n\n  \/* ── Units table ── *\/\n  .cpo-table-wrap {\n    border: 1px solid var(--border);\n    border-radius: var(--radius-lg);\n    overflow: hidden;\n  }\n  .cpo-table { width: 100%; border-collapse: collapse; font-size: 14px; }\n  .cpo-table thead th {\n    padding: 14px 16px; text-align: center;\n    font-size: 12px; font-weight: 600; letter-spacing: 0.5px;\n    text-transform: uppercase; color: var(--ink-muted);\n    background: var(--bg-warm); border-bottom: 1px solid var(--border);\n  }\n  .cpo-table thead th:first-child { text-align: left; }\n  .cpo-table tbody td {\n    padding: 13px 16px; text-align: center;\n    border-bottom: 1px solid var(--border-light); color: var(--ink-light);\n  }\n  .cpo-table tbody td:first-child { text-align: left; font-weight: 600; color: var(--ink); }\n  .cpo-table tbody tr:last-child td { border-bottom: none; }\n  .cpo-table tbody tr:hover { background: var(--bg-warm); }\n  .cpo-table .cpo-total td { background: var(--bg-section); font-weight: 700; color: var(--ink); }\n  .cpo-table .cpo-total td:first-child { color: var(--accent); }\n\n  \/* ── Steps ── *\/\n  .cpo-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }\n  .cpo-step { text-align: center; }\n  .cpo-step__number {\n    width: 40px; height: 40px; border-radius: 50%; border: 2px solid var(--accent);\n    display: inline-flex; align-items: center; justify-content: center;\n    font-size: 16px; font-weight: 700; color: var(--accent); margin-bottom: 14px;\n  }\n  .cpo-step__title { font-size: 14px; font-weight: 600; color: var(--ink); margin-bottom: 4px; }\n  .cpo-step__desc { font-size: 13px; color: var(--ink-muted); line-height: 1.6; }\n\n  \/* ── Callout note ── *\/\n  .cpo-note {\n    margin-top: 24px;\n    background: #fff5f5;\n    border: 1px solid #f5c6c2;\n    border-radius: var(--radius);\n    padding: 16px 20px;\n    font-size: 14px;\n    color: var(--ink-light);\n    line-height: 1.65;\n  }\n  .cpo-note strong { color: var(--accent); }\n\n  \/* ── Bullet list ── *\/\n  .cpo-bullet-list { list-style: none; display: flex; flex-direction: column; gap: 12px; }\n  .cpo-bullet-list li {\n    display: flex; gap: 12px; align-items: flex-start;\n    font-size: 15px; color: var(--ink-light); line-height: 1.6;\n  }\n  .cpo-bullet-list li::before {\n    content: ''; width: 6px; height: 6px; border-radius: 50%;\n    background: var(--accent); flex-shrink: 0; margin-top: 9px;\n  }\n  .cpo-bullet-list strong { color: var(--ink); font-weight: 600; }\n\n  \/* ── Responsive ── *\/\n  @media (max-width: 640px) {\n    .cpo-section { padding: 40px 0; }\n    .cpo-steps { grid-template-columns: repeat(2, 1fr); gap: 20px; }\n    .cpo-feature { grid-template-columns: 1fr; gap: 8px; }\n    .cpo-feature__num { width: 36px; height: 36px; font-size: 15px; }\n    .cpo-table { font-size: 13px; }\n    .cpo-table thead th,\n    .cpo-table tbody td { padding: 10px 8px; }\n    .cpo-highlights { grid-template-columns: repeat(2, 1fr); }\n  }\n\u003c\/style\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"cpo-container\"\u003e\n\u003cdiv class=\"cpo-hero\"\u003e\n\u003cdiv class=\"cpo-hero__eyebrow\"\u003eCustom Payment\u003c\/div\u003e\n\u003ch2 class=\"cpo-hero__title\"\u003ePay Your Quoted Amount\u003c\/h2\u003e\n\u003cp class=\"cpo-hero__desc\"\u003eA dedicated checkout for paying an amount we've already quoted you. There's no fixed price on this listing — enter your order details, then set the quantity for each dollar unit so the total matches your quote exactly.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cpo-highlights\"\u003e\n\u003cdiv class=\"cpo-highlight-item\"\u003e\n\u003cdiv class=\"cpo-highlight-item__icon\"\u003e💵\u003c\/div\u003e\n\u003cdiv class=\"cpo-highlight-item__label\"\u003eMatch Any Amount\u003c\/div\u003e\n\u003cdiv class=\"cpo-highlight-item__sub\"\u003eYour Exact Quote\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cpo-highlight-item\"\u003e\n\u003cdiv class=\"cpo-highlight-item__icon\"\u003e🧮\u003c\/div\u003e\n\u003cdiv class=\"cpo-highlight-item__label\"\u003eBuild by Unit\u003c\/div\u003e\n\u003cdiv class=\"cpo-highlight-item__sub\"\u003e$1 to $9,000+\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cpo-highlight-item\"\u003e\n\u003cdiv class=\"cpo-highlight-item__icon\"\u003e🔒\u003c\/div\u003e\n\u003cdiv class=\"cpo-highlight-item__label\"\u003eSecure Checkout\u003c\/div\u003e\n\u003cdiv class=\"cpo-highlight-item__sub\"\u003eAll Major Cards\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cpo-highlight-item\"\u003e\n\u003cdiv class=\"cpo-highlight-item__icon\"\u003e🇺🇸\u003c\/div\u003e\n\u003cdiv class=\"cpo-highlight-item__label\"\u003eRedPrinting.com\u003c\/div\u003e\n\u003cdiv class=\"cpo-highlight-item__sub\"\u003eChatsworth, CA\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- HOW IT WORKS --\u003e\n\u003cdiv class=\"cpo-section\"\u003e\n\u003cdiv class=\"cpo-container\"\u003e\n\u003ch2 class=\"cpo-section__title\"\u003eHow It Works\u003c\/h2\u003e\n\u003cp class=\"cpo-section__subtitle\"\u003eFrom quote to payment in 4 easy steps.\u003c\/p\u003e\n\u003cdiv class=\"cpo-steps\"\u003e\n\u003cdiv class=\"cpo-step\"\u003e\n\u003cdiv class=\"cpo-step__number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"cpo-step__title\"\u003eEnter Your Info\u003c\/div\u003e\n\u003cdiv class=\"cpo-step__desc\"\u003eAdd your name, phone number, and the item(s) you ordered.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cpo-step\"\u003e\n\u003cdiv class=\"cpo-step__number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"cpo-step__title\"\u003eCheck Your Quote\u003c\/div\u003e\n\u003cdiv class=\"cpo-step__desc\"\u003eHave the total amount we sent you ready to reference.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cpo-step\"\u003e\n\u003cdiv class=\"cpo-step__number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"cpo-step__title\"\u003eBuild the Amount\u003c\/div\u003e\n\u003cdiv class=\"cpo-step__desc\"\u003eSet the quantity for each dollar unit to match your total.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cpo-step\"\u003e\n\u003cdiv class=\"cpo-step__number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"cpo-step__title\"\u003eCheck Out\u003c\/div\u003e\n\u003cdiv class=\"cpo-step__desc\"\u003eConfirm the total matches your quote, then complete payment.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- DOLLAR UNITS --\u003e\n\u003cdiv class=\"cpo-section cpo-section--tinted\"\u003e\n\u003cdiv class=\"cpo-container\"\u003e\n\u003ch2 class=\"cpo-section__title\"\u003eThe Dollar Units\u003c\/h2\u003e\n\u003cp class=\"cpo-section__subtitle\"\u003eEach option is one place value. Choose how many of each you need.\u003c\/p\u003e\n\u003cdiv class=\"cpo-table-wrap\"\u003e\n\u003ctable class=\"cpo-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth style=\"text-align: center;\"\u003eOption\u003c\/th\u003e\n\u003cth\u003eValue Each\u003c\/th\u003e\n\u003cth\u003eRange\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"text-align: center;\"\u003eThousands\u003c\/td\u003e\n\u003ctd\u003e$1,000\u003c\/td\u003e\n\u003ctd\u003e0 – 9\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"text-align: center;\"\u003eHundreds\u003c\/td\u003e\n\u003ctd\u003e$100\u003c\/td\u003e\n\u003ctd\u003e0 – 9\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"text-align: center;\"\u003eTens\u003c\/td\u003e\n\u003ctd\u003e$10\u003c\/td\u003e\n\u003ctd\u003e0 – 9\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"text-align: center;\"\u003eOnes\u003c\/td\u003e\n\u003ctd\u003e$1\u003c\/td\u003e\n\u003ctd\u003e0 – 9\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SETTING THE AMOUNT --\u003e\n\u003cdiv class=\"cpo-section\"\u003e\n\u003cdiv class=\"cpo-container\"\u003e\n\u003ch2 class=\"cpo-section__title\"\u003eSetting the Amount\u003c\/h2\u003e\n\u003cp class=\"cpo-section__subtitle\"\u003eJust read your quoted number digit by digit — here's an example for a $3,250 quote.\u003c\/p\u003e\n\u003cdiv class=\"cpo-table-wrap\"\u003e\n\u003ctable class=\"cpo-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth style=\"text-align: center;\"\u003eUnit\u003c\/th\u003e\n\u003cth\u003eQuantity\u003c\/th\u003e\n\u003cth\u003eSubtotal\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"text-align: center;\"\u003eThousands ($1,000)\u003c\/td\u003e\n\u003ctd\u003e3\u003c\/td\u003e\n\u003ctd\u003e$3,000\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"text-align: center;\"\u003eHundreds ($100)\u003c\/td\u003e\n\u003ctd\u003e2\u003c\/td\u003e\n\u003ctd\u003e$200\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"text-align: center;\"\u003eTens ($10)\u003c\/td\u003e\n\u003ctd\u003e5\u003c\/td\u003e\n\u003ctd\u003e$50\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"text-align: center;\"\u003eOnes ($1)\u003c\/td\u003e\n\u003ctd\u003e0\u003c\/td\u003e\n\u003ctd\u003e$0\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"cpo-total\"\u003e\n\u003ctd style=\"text-align: center;\"\u003eTotal\u003c\/td\u003e\n\u003ctd\u003e—\u003c\/td\u003e\n\u003ctd\u003e$3,250\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cpo-note\"\u003e\n\u003cstrong\u003eQuick tip:\u003c\/strong\u003e $3,250 breaks down as 3 thousands, 2 hundreds, 5 tens, and 0 ones. Every quoted amount works the same way — just match each digit to its unit.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BEFORE YOU PAY --\u003e\n\u003cdiv class=\"cpo-section cpo-section--tinted\"\u003e\n\u003cdiv class=\"cpo-container\"\u003e\n\u003ch2 class=\"cpo-section__title\"\u003eBefore You Pay\u003c\/h2\u003e\n\u003cp class=\"cpo-section__subtitle\"\u003eA few things to keep in mind before checking out.\u003c\/p\u003e\n\u003cdiv class=\"cpo-features\"\u003e\n\u003cdiv class=\"cpo-feature\"\u003e\n\u003cdiv class=\"cpo-feature__num\"\u003e01\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"cpo-feature__title\"\u003eMatch Your Quote Exactly\u003c\/div\u003e\n\u003cdiv class=\"cpo-feature__desc\"\u003eDouble-check that the cart total equals the amount we quoted you. If the numbers don't line up, adjust the unit quantities before checking out.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cpo-feature\"\u003e\n\u003cdiv class=\"cpo-feature__num\"\u003e02\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"cpo-feature__title\"\u003eFill In All Order Info\u003c\/div\u003e\n\u003cdiv class=\"cpo-feature__desc\"\u003eEnter your name, phone number, and a short description of the item(s) you ordered so we can match your payment to the right job.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cpo-feature\"\u003e\n\u003cdiv class=\"cpo-feature__num\"\u003e03\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"cpo-feature__title\"\u003eNot Sure? Contact Us First\u003c\/div\u003e\n\u003cdiv class=\"cpo-feature__desc\"\u003eIf anything is unclear about your quote or the amount, reach out before paying. Call +1 (818) 213-5871, Monday–Friday 9:00 AM–4:00 PM PST.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- REQUIRED INFO --\u003e\n\u003cdiv class=\"cpo-section\"\u003e\n\u003cdiv class=\"cpo-container\"\u003e\n\u003ch2 class=\"cpo-section__title\"\u003eRequired Order Information\u003c\/h2\u003e\n\u003cp class=\"cpo-section__subtitle\"\u003ePlease complete these fields at checkout.\u003c\/p\u003e\n\u003cul class=\"cpo-bullet-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eName\u003c\/strong\u003e – The name the quote was issued to.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePhone Number\u003c\/strong\u003e – So we can reach you about your order if needed.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eOrder Items\u003c\/strong\u003e – A short description of what you ordered, to match your payment to the correct job.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"RedPrinting.com","offers":[{"title":"Default Title","offer_id":45166162215112,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0260\/4384\/2606\/files\/custom-payment-order.png?v=1786213542","url":"https:\/\/redprinting.com\/products\/custom-payment-order","provider":"RedPrinting.com","version":"1.0","type":"link"}