{"id":38802,"date":"2026-04-15T11:08:17","date_gmt":"2026-04-15T09:08:17","guid":{"rendered":"https:\/\/www.recharge.com\/blog\/how-does-credit-card-interest-work-simple-guide"},"modified":"2026-04-15T11:49:24","modified_gmt":"2026-04-15T09:49:24","slug":"how-does-credit-card-interest-work-simple-guide","status":"publish","type":"post","link":"https:\/\/www.recharge.com\/blog\/en-gb\/how-does-credit-card-interest-work-simple-guide","title":{"rendered":"How Does Credit Card Interest Work? Simple Guide"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\" id=\"h-how-does-credit-card-interest-work-a-simple-guide-for-2026\">How Does Credit Card Interest Work? A Simple Guide for 2026<\/h2>\n\n\n\n<p>Credit card interest works by charging you a percentage fee on the money you borrow if you don&#8217;t pay your balance in full each month. If you&#8217;re wondering how does credit card interest work, this guide covers everything you need to know. We explore daily rates, monthly statements, and real-life examples to help you manage your money easily. The abbreviation APR stands for Annual Percentage Rate, which is simply the yearly cost of borrowing money.<\/p>\n\n\n\n\n<style>\n    :root {\n        --lime: #07F288;\n        --lime-light: #7BF8BE;\n        --lime-dark: #05C66E;\n        --sky: #99EEFF;\n        --coal: #1F2226;\n        --coal-light: #40454C;\n        --pebble: #738A8C;\n        --breeze: #DCE3F4;\n        --mist: #F4F6F6;\n        --white: #FFFFFF;\n        --danger: #FF5A5F;\n        --danger-bg: #FFE8E9;\n    }\n\n    .cc-calc-wrapper {\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Sofia Pro', Roboto, sans-serif;\n        background: var(--white);\n        color: var(--coal);\n        line-height: 1.6;\n        margin: 2rem auto;\n        max-width: 1400px;\n    }\n\n    .cc-calc-wrapper * {\n        box-sizing: border-box;\n    }\n\n    \/* Hero Section *\/\n    .cc-hero {\n        background: linear-gradient(135deg, #1a4d3f 0%, #0d2821 100%);\n        padding: 3rem 1.5rem;\n        border-radius: 20px;\n        margin-bottom: 2rem;\n        text-align: center;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .cc-hero::before {\n        content: '';\n        position: absolute;\n        top: 0; left: 0; right: 0; bottom: 0;\n        background: linear-gradient(135deg, var(--lime) 0%, var(--sky) 100%);\n        opacity: 0.12;\n    }\n\n    .cc-hero-content {\n        position: relative;\n        z-index: 1;\n    }\n\n    .cc-hero h2 {\n        font-size: clamp(1.75rem, 5vw, 2.5rem);\n        font-weight: 700;\n        margin: 0 0 1rem 0;\n        color: var(--white);\n    }\n\n    .cc-hero .gradient-text {\n        background: linear-gradient(90deg, var(--lime) 0%, var(--sky) 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }\n\n    .cc-hero p {\n        color: var(--breeze);\n        font-size: 1.1rem;\n        margin: 0 0 2rem 0;\n        opacity: 0.95;\n    }\n\n    .cc-country-wrapper {\n        display: inline-block;\n        position: relative;\n        margin: 0 auto 2rem;\n    }\n\n    .cc-country-wrapper select {\n        padding: 1rem 3rem 1rem 1.5rem;\n        font-size: 1rem;\n        border: 2px solid rgba(7, 242, 136, 0.3);\n        border-radius: 12px;\n        background: rgba(255, 255, 255, 0.1);\n        color: var(--white);\n        min-width: 250px;\n        cursor: pointer;\n        appearance: none;\n        transition: all 0.3s ease;\n        font-weight: 500;\n    }\n\n    .cc-country-wrapper::after {\n        content: '\u25bc';\n        position: absolute;\n        right: 1rem;\n        top: 50%;\n        transform: translateY(-50%);\n        color: var(--lime);\n        pointer-events: none;\n        font-size: 0.75rem;\n    }\n\n    .cc-country-wrapper select:hover {\n        border-color: var(--lime);\n        background: rgba(255, 255, 255, 0.15);\n    }\n\n    .cc-country-wrapper select:focus {\n        outline: none;\n        border-color: var(--lime);\n        box-shadow: 0 0 0 3px rgba(7, 242, 136, 0.2);\n    }\n\n    .cc-country-wrapper select option {\n        background: var(--coal);\n        color: var(--white);\n    }\n\n    .cc-trust-stats {\n        display: flex;\n        justify-content: center;\n        gap: 2rem;\n        flex-wrap: wrap;\n        margin-top: 2rem;\n    }\n\n    .cc-trust-stat {\n        text-align: center;\n    }\n\n    .cc-trust-stat-number {\n        font-size: 1.75rem;\n        font-weight: 700;\n        color: var(--lime);\n        display: block;\n        line-height: 1;\n        margin-bottom: 0.25rem;\n    }\n\n    .cc-trust-stat-label {\n        font-size: 0.9rem;\n        color: var(--breeze);\n        opacity: 0.9;\n    }\n\n    \/* Main Grid *\/\n    .cc-container {\n        padding: 0 1.5rem;\n    }\n\n    .cc-grid {\n        display: flex;\n        flex-direction: column;\n        gap: 1.5rem;\n    }\n\n    \/* Input Section *\/\n    .cc-inputs-section {\n        display: flex;\n        flex-direction: column;\n        gap: 1rem;\n    }\n\n    .cc-card {\n        background: var(--white);\n        border-radius: 16px;\n        padding: 1.5rem;\n        border: 2px solid var(--breeze);\n        transition: all 0.3s ease;\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n    }\n\n    .cc-card:hover {\n        border-color: var(--lime);\n        box-shadow: 0 8px 24px rgba(7, 242, 136, 0.12);\n    }\n\n    .cc-card-header {\n        display: flex;\n        align-items: center;\n        gap: 1rem;\n        margin-bottom: 1.25rem;\n    }\n\n    .cc-icon-box {\n        width: 52px;\n        height: 52px;\n        background: linear-gradient(135deg, var(--lime) 0%, var(--sky) 70%);\n        border-radius: 14px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 1.75rem;\n        flex-shrink: 0;\n        box-shadow: 0 4px 12px rgba(7, 242, 136, 0.25);\n    }\n\n    .cc-card-info h3 {\n        font-size: 1.15rem;\n        margin: 0 0 0.25rem 0;\n        font-weight: 600;\n        color: var(--coal);\n    }\n\n    .cc-card-info p {\n        font-size: 0.875rem;\n        color: var(--pebble);\n        margin: 0;\n    }\n\n    \/* Mode Toggle *\/\n    .cc-mode-toggle {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 0.5rem;\n        background: var(--mist);\n        padding: 0.35rem;\n        border-radius: 12px;\n        margin-bottom: 1.25rem;\n    }\n\n    .cc-mode-btn {\n        padding: 0.75rem 1rem;\n        background: transparent;\n        border: none;\n        border-radius: 9px;\n        cursor: pointer;\n        font-weight: 600;\n        font-size: 0.9rem;\n        color: var(--pebble);\n        transition: all 0.2s ease;\n        font-family: inherit;\n    }\n\n    .cc-mode-btn.active {\n        background: var(--white);\n        color: var(--coal);\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n    }\n\n    \/* Sliders + inputs *\/\n    .cc-field {\n        margin-bottom: 1.25rem;\n    }\n\n    .cc-field:last-child {\n        margin-bottom: 0;\n    }\n\n    .cc-field-label-row {\n        display: flex;\n        justify-content: space-between;\n        align-items: baseline;\n        margin-bottom: 0.5rem;\n    }\n\n    .cc-field-label {\n        font-size: 0.9rem;\n        color: var(--pebble);\n        font-weight: 500;\n    }\n\n    .cc-field-value {\n        font-size: 1.05rem;\n        color: var(--coal);\n        font-weight: 700;\n    }\n\n    .cc-field-value .cc-unit {\n        color: var(--pebble);\n        font-weight: 500;\n        font-size: 0.85rem;\n        margin-left: 0.15rem;\n    }\n\n    .cc-input-row {\n        display: grid;\n        grid-template-columns: 1fr 120px;\n        gap: 0.75rem;\n        align-items: center;\n    }\n\n    .cc-slider {\n        -webkit-appearance: none;\n        appearance: none;\n        width: 100%;\n        height: 8px;\n        border-radius: 999px;\n        background: var(--breeze);\n        outline: none;\n        cursor: pointer;\n    }\n\n    .cc-slider::-webkit-slider-thumb {\n        -webkit-appearance: none;\n        appearance: none;\n        width: 22px;\n        height: 22px;\n        border-radius: 50%;\n        background: var(--lime);\n        border: 3px solid var(--white);\n        box-shadow: 0 2px 8px rgba(7, 242, 136, 0.4);\n        cursor: pointer;\n        transition: transform 0.15s ease;\n    }\n\n    .cc-slider::-webkit-slider-thumb:hover {\n        transform: scale(1.15);\n    }\n\n    .cc-slider::-moz-range-thumb {\n        width: 22px;\n        height: 22px;\n        border-radius: 50%;\n        background: var(--lime);\n        border: 3px solid var(--white);\n        box-shadow: 0 2px 8px rgba(7, 242, 136, 0.4);\n        cursor: pointer;\n    }\n\n    .cc-input-box {\n        position: relative;\n    }\n\n    .cc-input-box input[type=\"number\"] {\n        width: 100%;\n        padding: 0.65rem 0.75rem;\n        background: var(--mist);\n        border: 2px solid var(--breeze);\n        border-radius: 10px;\n        color: var(--coal);\n        font-size: 0.95rem;\n        font-weight: 600;\n        transition: all 0.2s ease;\n        -webkit-appearance: none;\n        -moz-appearance: textfield;\n        font-family: inherit;\n    }\n\n    .cc-input-box input[type=\"number\"]::-webkit-outer-spin-button,\n    .cc-input-box input[type=\"number\"]::-webkit-inner-spin-button {\n        -webkit-appearance: none;\n        margin: 0;\n    }\n\n    .cc-input-box input:focus {\n        outline: none;\n        border-color: var(--lime);\n        box-shadow: 0 0 0 3px rgba(7, 242, 136, 0.1);\n        background: var(--white);\n    }\n\n    .cc-preset-row {\n        display: flex;\n        gap: 0.5rem;\n        flex-wrap: wrap;\n        margin-top: 0.75rem;\n    }\n\n    .cc-preset {\n        padding: 0.45rem 0.85rem;\n        background: var(--mist);\n        border: 1.5px solid var(--breeze);\n        border-radius: 999px;\n        font-size: 0.8rem;\n        color: var(--coal-light);\n        cursor: pointer;\n        font-weight: 500;\n        transition: all 0.2s ease;\n        font-family: inherit;\n    }\n\n    .cc-preset:hover {\n        border-color: var(--lime);\n        background: rgba(7, 242, 136, 0.08);\n        color: var(--coal);\n    }\n\n    \/* Results Panel *\/\n    .cc-results-panel {\n        background: var(--white);\n        border-radius: 20px;\n        padding: 1.75rem 1.5rem;\n        border: 2px solid var(--breeze);\n        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);\n    }\n\n    .cc-results-header h3 {\n        font-size: 1.15rem;\n        margin: 0 0 1rem 0;\n        font-weight: 700;\n        color: var(--coal);\n    }\n\n    \/* Hero Result *\/\n    .cc-hero-result {\n        text-align: center;\n        padding: 1.5rem 1rem;\n        background: linear-gradient(135deg, rgba(255, 90, 95, 0.1), rgba(255, 193, 7, 0.1));\n        border-radius: 12px;\n        margin-bottom: 1rem;\n        border: 2px solid rgba(255, 90, 95, 0.2);\n    }\n\n    .cc-hero-result-label {\n        color: var(--pebble);\n        font-size: 0.85rem;\n        font-weight: 500;\n        margin-bottom: 0.35rem;\n    }\n\n    .cc-hero-result-value {\n        font-size: 2.75rem;\n        font-weight: 800;\n        color: var(--danger);\n        line-height: 1;\n        margin: 0 0 0.35rem 0;\n    }\n\n    .cc-hero-result-sub {\n        color: var(--pebble);\n        font-size: 0.85rem;\n    }\n\n    \/* Metrics Grid *\/\n    .cc-metrics {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 0.5rem;\n        padding: 0.75rem;\n        background: var(--mist);\n        border-radius: 10px;\n        margin-bottom: 1rem;\n    }\n\n    .cc-metric {\n        text-align: center;\n        padding: 0.35rem;\n    }\n\n    .cc-metric-value {\n        font-weight: 700;\n        color: var(--coal);\n        display: block;\n        font-size: 1.15rem;\n        line-height: 1.1;\n        margin-bottom: 0.25rem;\n    }\n\n    .cc-metric-label {\n        color: var(--pebble);\n        font-size: 0.75rem;\n        font-weight: 500;\n    }\n\n    \/* Chart *\/\n    .cc-chart-section {\n        margin-bottom: 1.25rem;\n    }\n\n    .cc-chart-section h4 {\n        font-size: 0.85rem;\n        margin: 0 0 0.75rem 0;\n        color: var(--pebble);\n        font-weight: 600;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }\n\n    .cc-chart {\n        width: 100%;\n        height: 180px;\n        background: var(--mist);\n        border-radius: 10px;\n        padding: 0.75rem;\n    }\n\n    .cc-legend {\n        display: flex;\n        gap: 1rem;\n        justify-content: center;\n        margin-top: 0.5rem;\n        flex-wrap: wrap;\n    }\n\n    .cc-legend-item {\n        display: flex;\n        align-items: center;\n        gap: 0.4rem;\n        font-size: 0.8rem;\n        color: var(--pebble);\n        font-weight: 500;\n    }\n\n    .cc-legend-swatch {\n        width: 12px;\n        height: 12px;\n        border-radius: 3px;\n    }\n\n    \/* Comparison *\/\n    .cc-compare {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 0.75rem;\n        margin-bottom: 1.25rem;\n    }\n\n    .cc-compare-card {\n        padding: 1rem 0.85rem;\n        border-radius: 12px;\n        text-align: center;\n    }\n\n    .cc-compare-card.bad {\n        background: var(--danger-bg);\n        border: 2px solid rgba(255, 90, 95, 0.3);\n    }\n\n    .cc-compare-card.good {\n        background: linear-gradient(135deg, rgba(7, 242, 136, 0.15), rgba(153, 238, 255, 0.15));\n        border: 2px solid rgba(7, 242, 136, 0.3);\n    }\n\n    .cc-compare-label {\n        font-size: 0.75rem;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n        margin-bottom: 0.4rem;\n    }\n\n    .cc-compare-card.bad .cc-compare-label { color: var(--danger); }\n    .cc-compare-card.good .cc-compare-label { color: var(--lime-dark); }\n\n    .cc-compare-value {\n        font-size: 1.5rem;\n        font-weight: 800;\n        color: var(--coal);\n        line-height: 1;\n        margin-bottom: 0.25rem;\n    }\n\n    .cc-compare-sub {\n        font-size: 0.75rem;\n        color: var(--pebble);\n    }\n\n    \/* Breakdown *\/\n    .cc-breakdown-item {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 0.625rem 0;\n        border-bottom: 1px solid var(--breeze);\n    }\n\n    .cc-breakdown-item:last-child {\n        border-bottom: none;\n    }\n\n    .cc-breakdown-left {\n        display: flex;\n        align-items: center;\n        gap: 0.75rem;\n    }\n\n    .cc-breakdown-icon {\n        width: 32px;\n        height: 32px;\n        background: linear-gradient(135deg, var(--lime) 0%, var(--sky) 100%);\n        border-radius: 8px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 1rem;\n        flex-shrink: 0;\n    }\n\n    .cc-breakdown-name {\n        font-size: 0.95rem;\n        color: var(--coal);\n        font-weight: 500;\n    }\n\n    .cc-breakdown-value {\n        font-weight: 700;\n        color: var(--coal);\n        font-size: 1rem;\n    }\n\n    .cc-breakdown-value.negative {\n        color: var(--danger);\n    }\n\n    .cc-breakdown-value.positive {\n        color: var(--lime-dark);\n    }\n\n    \/* CTA *\/\n    .cc-cta-box {\n        background: linear-gradient(135deg, var(--lime) 0%, var(--sky) 100%);\n        border-radius: 12px;\n        padding: 1.25rem 1rem;\n        text-align: center;\n        margin-bottom: 1.25rem;\n    }\n\n    .cc-cta-box h4 {\n        font-size: 1rem;\n        margin: 0 0 0.4rem 0;\n        font-weight: 700;\n        color: var(--coal);\n    }\n\n    .cc-cta-box p {\n        font-size: 0.85rem;\n        color: rgba(31, 34, 38, 0.85);\n        margin: 0 0 0.85rem 0;\n    }\n\n    .cc-btn {\n        display: inline-block;\n        padding: 0.75rem 1.75rem;\n        background: var(--coal);\n        color: var(--white);\n        text-decoration: none;\n        border-radius: 10px;\n        font-weight: 700;\n        transition: all 0.3s ease;\n        font-size: 0.95rem;\n    }\n\n    .cc-btn:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3);\n        background: var(--coal-light);\n        color: var(--white);\n    }\n\n    \/* Prepaid section *\/\n    .cc-prepaid-section {\n        margin-top: 1.25rem;\n        padding-top: 1.25rem;\n        border-top: 2px solid var(--breeze);\n    }\n\n    .cc-prepaid-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        gap: 0.75rem;\n        margin-bottom: 0.85rem;\n        flex-wrap: wrap;\n    }\n\n    .cc-prepaid-header h4 {\n        font-size: 0.95rem;\n        margin: 0;\n        color: var(--coal);\n        font-weight: 600;\n    }\n\n    .cc-prepaid-header h4 .cc-highlight {\n        color: var(--lime-dark);\n    }\n\n    .cc-prepaid-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 0.5rem;\n        margin-bottom: 0.75rem;\n    }\n\n    .cc-prepaid-card {\n        padding: 1rem 0.75rem;\n        background: var(--mist);\n        border-radius: 12px;\n        text-align: center;\n        font-size: 0.85rem;\n        color: var(--coal);\n        text-decoration: none;\n        transition: all 0.3s ease;\n        border: 2px solid transparent;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 0.6rem;\n    }\n\n    .cc-prepaid-card:hover {\n        background: rgba(7, 242, 136, 0.08);\n        border-color: var(--lime);\n        transform: translateY(-2px);\n        color: var(--coal);\n    }\n\n    .cc-prepaid-logo {\n        width: 48px;\n        height: 48px;\n        background: var(--white);\n        border-radius: 8px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        border: 1px solid var(--breeze);\n    }\n\n    .cc-prepaid-logo img {\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n        padding: 4px;\n    }\n\n    .cc-prepaid-name {\n        font-weight: 600;\n        line-height: 1.2;\n        font-size: 0.8rem;\n    }\n\n    .cc-view-all {\n        display: inline-block;\n        color: var(--lime-dark);\n        text-decoration: none;\n        font-weight: 600;\n        font-size: 0.875rem;\n        transition: all 0.2s ease;\n    }\n\n    .cc-view-all:hover {\n        text-decoration: underline;\n    }\n\n    @media (max-width: 600px) {\n        .cc-prepaid-grid { grid-template-columns: repeat(2, 1fr); }\n    }\n\n    \/* Warnings *\/\n    .cc-warning-box {\n        background: #FFF5E6;\n        border-left: 4px solid #FFC107;\n        padding: 0.85rem;\n        margin-bottom: 1rem;\n        border-radius: 6px;\n        font-size: 0.85rem;\n        color: #7A5F00;\n        line-height: 1.45;\n    }\n\n    .cc-warning-box strong {\n        display: block;\n        margin-bottom: 0.2rem;\n        color: #5C4400;\n    }\n\n    .cc-danger-box {\n        background: var(--danger-bg);\n        border-left: 4px solid var(--danger);\n        padding: 0.85rem;\n        margin-bottom: 1rem;\n        border-radius: 6px;\n        font-size: 0.85rem;\n        color: #8B2A2E;\n        line-height: 1.45;\n    }\n\n    .cc-danger-box strong {\n        display: block;\n        margin-bottom: 0.2rem;\n        color: #5E1C1F;\n    }\n\n    .cc-disclaimer {\n        font-size: 0.75rem;\n        color: var(--pebble);\n        text-align: center;\n        padding: 0.75rem;\n        border-top: 1px solid var(--breeze);\n        margin-top: 1rem;\n        line-height: 1.5;\n    }\n\n    \/* Educational section *\/\n    .cc-education {\n        margin-top: 2rem;\n        padding: 0 1.5rem;\n    }\n\n    .cc-edu-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n        gap: 1rem;\n    }\n\n    .cc-edu-card {\n        background: var(--white);\n        border: 2px solid var(--breeze);\n        border-radius: 16px;\n        padding: 1.25rem;\n        transition: all 0.3s ease;\n    }\n\n    .cc-edu-card:hover {\n        border-color: var(--lime);\n        transform: translateY(-2px);\n        box-shadow: 0 8px 24px rgba(7, 242, 136, 0.1);\n    }\n\n    .cc-edu-icon {\n        width: 44px;\n        height: 44px;\n        background: linear-gradient(135deg, var(--lime) 0%, var(--sky) 100%);\n        border-radius: 12px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 1.35rem;\n        margin-bottom: 0.85rem;\n    }\n\n    .cc-edu-card h4 {\n        font-size: 1rem;\n        margin: 0 0 0.5rem 0;\n        font-weight: 700;\n        color: var(--coal);\n    }\n\n    .cc-edu-card p {\n        font-size: 0.88rem;\n        color: var(--pebble);\n        margin: 0;\n        line-height: 1.55;\n    }\n\n    \/* Mobile *\/\n    @media (max-width: 768px) {\n        .cc-hero { padding: 2rem 1rem; border-radius: 16px; }\n        .cc-hero h2 { font-size: 1.75rem; }\n        .cc-country-wrapper select { min-width: 100%; max-width: 300px; }\n        .cc-trust-stats { gap: 1.5rem; }\n        .cc-container { padding: 0 1rem; }\n        .cc-card { padding: 1.25rem; }\n        .cc-input-row { grid-template-columns: 1fr; gap: 0.5rem; }\n        .cc-hero-result-value { font-size: 2.25rem; }\n        .cc-compare-value { font-size: 1.25rem; }\n        .cc-education { padding: 0 1rem; }\n    }\n\n    @media (max-width: 480px) {\n        .cc-hero h2 { font-size: 1.5rem; }\n        .cc-hero p { font-size: 1rem; }\n        .cc-trust-stat-number { font-size: 1.5rem; }\n    }\n<\/style>\n\n<div class=\"cc-calc-wrapper\">\n    <div class=\"cc-hero\">\n        <div class=\"cc-hero-content\">\n            <h2><span class=\"gradient-text\">How Much Is Credit Card Interest Really Costing You?<\/span><\/h2>\n            <p>See exactly how much you pay in interest \u2014 and how much you could save<\/p>\n\n            <div class=\"cc-country-wrapper\">\n                <select id=\"cc-country-select\">\n                    <option value=\"us\" selected>\ud83c\uddfa\ud83c\uddf8 United States (22.30% avg)<\/option>\n                    <option value=\"gb\">\ud83c\uddec\ud83c\udde7 United Kingdom (24.5% avg)<\/option>\n                    <option value=\"nl\">\ud83c\uddf3\ud83c\uddf1 Netherlands (15% cap)<\/option>\n                    <option value=\"de\">\ud83c\udde9\ud83c\uddea Germany (~20% avg)<\/option>\n                    <option value=\"fr\">\ud83c\uddeb\ud83c\uddf7 France (~19% avg)<\/option>\n                    <option value=\"es\">\ud83c\uddea\ud83c\uddf8 Spain (~18% avg)<\/option>\n                    <option value=\"it\">\ud83c\uddee\ud83c\uddf9 Italy (~17% avg)<\/option>\n                    <option value=\"ca\">\ud83c\udde8\ud83c\udde6 Canada (~19.99% avg)<\/option>\n                    <option value=\"au\">\ud83c\udde6\ud83c\uddfa Australia (~20% avg)<\/option>\n                    <option value=\"jp\">\ud83c\uddef\ud83c\uddf5 Japan (15-18% cap)<\/option>\n                <\/select>\n            <\/div>\n\n            <div class=\"cc-trust-stats\">\n                <div class=\"cc-trust-stat\">\n                    <span class=\"cc-trust-stat-number\">$1.28T<\/span>\n                    <span class=\"cc-trust-stat-label\">US credit card debt<\/span>\n                <\/div>\n                <div class=\"cc-trust-stat\">\n                    <span class=\"cc-trust-stat-number\">22.30%<\/span>\n                    <span class=\"cc-trust-stat-label\">avg APR (2026)<\/span>\n                <\/div>\n                <div class=\"cc-trust-stat\">\n                    <span class=\"cc-trust-stat-number\">$1,290<\/span>\n                    <span class=\"cc-trust-stat-label\">avg interest\/year<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"cc-container\">\n        <div class=\"cc-grid\">\n            <div class=\"cc-card\">\n                <div class=\"cc-card-header\">\n                    <div class=\"cc-icon-box\">\ud83d\udcb3<\/div>\n                    <div class=\"cc-card-info\">\n                        <h3>Your Credit Card<\/h3>\n                        <p>Enter your balance, APR, and payment plan<\/p>\n                    <\/div>\n                <\/div>\n\n                    <div class=\"cc-mode-toggle\" role=\"tablist\">\n                        <button class=\"cc-mode-btn active\" data-mode=\"payoff\" role=\"tab\">Payoff calculator<\/button>\n                        <button class=\"cc-mode-btn\" data-mode=\"monthly\" role=\"tab\">Monthly interest<\/button>\n                    <\/div>\n\n                    <div class=\"cc-field\">\n                        <div class=\"cc-field-label-row\">\n                            <span class=\"cc-field-label\">Current balance<\/span>\n                            <span class=\"cc-field-value\"><span id=\"cc-balance-display\">5,000<\/span><span class=\"cc-unit\" id=\"cc-currency-sym\">$<\/span><\/span>\n                        <\/div>\n                        <div class=\"cc-input-row\">\n                            <input type=\"range\" class=\"cc-slider\" id=\"cc-balance-slider\" min=\"100\" max=\"50000\" step=\"100\" value=\"5000\">\n                            <div class=\"cc-input-box\">\n                                <input type=\"number\" id=\"cc-balance-input\" value=\"5000\" min=\"0\" step=\"100\">\n                            <\/div>\n                        <\/div>\n                        <div class=\"cc-preset-row\">\n                            <button class=\"cc-preset\" data-target=\"balance\" data-value=\"1000\">$1,000<\/button>\n                            <button class=\"cc-preset\" data-target=\"balance\" data-value=\"5000\">$5,000<\/button>\n                            <button class=\"cc-preset\" data-target=\"balance\" data-value=\"6523\">US average<\/button>\n                            <button class=\"cc-preset\" data-target=\"balance\" data-value=\"11507\">Household avg<\/button>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"cc-field\">\n                        <div class=\"cc-field-label-row\">\n                            <span class=\"cc-field-label\">Annual Percentage Rate (APR)<\/span>\n                            <span class=\"cc-field-value\"><span id=\"cc-apr-display\">22.30<\/span><span class=\"cc-unit\">%<\/span><\/span>\n                        <\/div>\n                        <div class=\"cc-input-row\">\n                            <input type=\"range\" class=\"cc-slider\" id=\"cc-apr-slider\" min=\"0\" max=\"36\" step=\"0.01\" value=\"22.30\">\n                            <div class=\"cc-input-box\">\n                                <input type=\"number\" id=\"cc-apr-input\" value=\"22.30\" min=\"0\" max=\"100\" step=\"0.01\">\n                            <\/div>\n                        <\/div>\n                        <div class=\"cc-preset-row\">\n                            <button class=\"cc-preset\" data-target=\"apr\" data-value=\"17\">Excellent (17%)<\/button>\n                            <button class=\"cc-preset\" data-target=\"apr\" data-value=\"22.30\">Average (22.3%)<\/button>\n                            <button class=\"cc-preset\" data-target=\"apr\" data-value=\"27.44\">Penalty (27.4%)<\/button>\n                            <button class=\"cc-preset\" data-target=\"apr\" data-value=\"29.99\">Cash advance<\/button>\n                        <\/div>\n                    <\/div>\n\n                <div class=\"cc-field\" id=\"cc-payment-field\">\n                    <div class=\"cc-field-label-row\">\n                        <span class=\"cc-field-label\" id=\"cc-payment-label\">Monthly payment<\/span>\n                        <span class=\"cc-field-value\"><span id=\"cc-payment-display\">200<\/span><span class=\"cc-unit\" id=\"cc-payment-unit\">$<\/span><\/span>\n                    <\/div>\n                    <div class=\"cc-input-row\">\n                        <input type=\"range\" class=\"cc-slider\" id=\"cc-payment-slider\" min=\"10\" max=\"2000\" step=\"5\" value=\"200\">\n                        <div class=\"cc-input-box\">\n                            <input type=\"number\" id=\"cc-payment-input\" value=\"200\" min=\"0\" step=\"5\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"cc-preset-row\">\n                        <button class=\"cc-preset\" data-target=\"payment\" data-mode=\"min\">Minimum only (2%)<\/button>\n                        <button class=\"cc-preset\" data-target=\"payment\" data-value=\"200\">$200<\/button>\n                        <button class=\"cc-preset\" data-target=\"payment\" data-value=\"500\">$500<\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"cc-card\" id=\"cc-min-warning\" style=\"display: none;\">\n                <div class=\"cc-danger-box\" style=\"margin: 0;\">\n                    <strong>\u26a0\ufe0f The minimum payment trap<\/strong>\n                    Paying only the minimum means <strong>~92% of your payment goes to interest<\/strong> in the early months. At the average 22.3% APR, a $6,523 balance can take <strong>14+ years and cost $6,491 in interest<\/strong> \u2014 nearly doubling the original debt.\n                <\/div>\n            <\/div>\n\n            <div class=\"cc-results-panel\">\n                <div class=\"cc-results-header\">\n                    <h3 id=\"cc-results-title\">Your Payoff Summary<\/h3>\n                <\/div>\n\n                <div class=\"cc-hero-result\">\n                    <div class=\"cc-hero-result-label\" id=\"cc-hero-label\">Total interest you&#8217;ll pay<\/div>\n                    <div class=\"cc-hero-result-value\" id=\"cc-hero-value\">$0<\/div>\n                    <div class=\"cc-hero-result-sub\" id=\"cc-hero-sub\">over the life of this debt<\/div>\n                <\/div>\n\n                <div class=\"cc-metrics\">\n                    <div class=\"cc-metric\">\n                        <span class=\"cc-metric-value\" id=\"cc-metric-1-value\">0<\/span>\n                        <span class=\"cc-metric-label\" id=\"cc-metric-1-label\">months to pay off<\/span>\n                    <\/div>\n                    <div class=\"cc-metric\">\n                        <span class=\"cc-metric-value\" id=\"cc-metric-2-value\">$0<\/span>\n                        <span class=\"cc-metric-label\" id=\"cc-metric-2-label\">total paid<\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"cc-warning-box\" id=\"cc-payment-warning\" style=\"display: none;\">\n                    <strong>\u26d4 Payment too low<\/strong>\n                    <span id=\"cc-payment-warning-text\">Your monthly payment doesn&#8217;t cover the monthly interest. You&#8217;d need to pay at least the amount shown to start reducing your balance.<\/span>\n                <\/div>\n\n                <div class=\"cc-chart-section\">\n                    <h4>Payment breakdown over time<\/h4>\n                    <svg class=\"cc-chart\" id=\"cc-chart\" viewBox=\"0 0 400 180\" preserveAspectRatio=\"none\"><\/svg>\n                    <div class=\"cc-legend\">\n                        <div class=\"cc-legend-item\">\n                            <span class=\"cc-legend-swatch\" style=\"background: var(--danger);\"><\/span>\n                            Interest\n                        <\/div>\n                        <div class=\"cc-legend-item\">\n                            <span class=\"cc-legend-swatch\" style=\"background: var(--lime);\"><\/span>\n                            Principal\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <h4 style=\"font-size: 0.85rem; margin: 0 0 0.75rem 0; color: var(--pebble); font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;\">Credit card vs. prepaid<\/h4>\n                <div class=\"cc-compare\">\n                    <div class=\"cc-compare-card bad\">\n                        <div class=\"cc-compare-label\">Credit card<\/div>\n                        <div class=\"cc-compare-value\" id=\"cc-compare-credit\">$0<\/div>\n                        <div class=\"cc-compare-sub\">total cost<\/div>\n                    <\/div>\n                    <div class=\"cc-compare-card good\">\n                        <div class=\"cc-compare-label\">Prepaid<\/div>\n                        <div class=\"cc-compare-value\" id=\"cc-compare-prepaid\">$0<\/div>\n                        <div class=\"cc-compare-sub\">zero interest<\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"cc-cta-box\">\n                    <h4 id=\"cc-cta-title\">You could save $0<\/h4>\n                    <p>Prepaid means zero interest, zero debt, zero surprises \u2014 spend only what you have.<\/p>\n                    <a href=\"https:\/\/www.recharge.com\/\" class=\"cc-btn\" id=\"cc-cta-btn\" target=\"_blank\" rel=\"noopener\">Explore prepaid options \u2192<\/a>\n                <\/div>\n\n                <div class=\"cc-prepaid-section\">\n                    <div class=\"cc-prepaid-header\">\n                        <h4>\ud83d\udcb3 Prepaid Cards in <span class=\"cc-highlight\" id=\"cc-prepaid-country\">United States<\/span><\/h4>\n                    <\/div>\n                    <div class=\"cc-prepaid-grid\" id=\"cc-prepaid-grid\"><\/div>\n                    <a href=\"https:\/\/www.recharge.com\/en\/us\/payment-cards\" class=\"cc-view-all\" id=\"cc-view-all-prepaid\" target=\"_blank\" rel=\"noopener\">View All Prepaid Cards \u2192<\/a>\n                <\/div>\n\n                <div style=\"margin-bottom: 0.5rem;\">\n                    <h4 style=\"font-size: 0.85rem; margin: 0 0 0.75rem 0; color: var(--pebble); font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;\">Key figures<\/h4>\n                    <div class=\"cc-breakdown-item\">\n                        <div class=\"cc-breakdown-left\">\n                            <div class=\"cc-breakdown-icon\">\ud83d\udcc5<\/div>\n                            <span class=\"cc-breakdown-name\">First month interest<\/span>\n                        <\/div>\n                        <div class=\"cc-breakdown-value negative\" id=\"cc-bd-first\">$0<\/div>\n                    <\/div>\n                    <div class=\"cc-breakdown-item\">\n                        <div class=\"cc-breakdown-left\">\n                            <div class=\"cc-breakdown-icon\">\ud83d\udcca<\/div>\n                            <span class=\"cc-breakdown-name\">Effective annual rate (APY)<\/span>\n                        <\/div>\n                        <div class=\"cc-breakdown-value\" id=\"cc-bd-apy\">0%<\/div>\n                    <\/div>\n                    <div class=\"cc-breakdown-item\">\n                        <div class=\"cc-breakdown-left\">\n                            <div class=\"cc-breakdown-icon\">\ud83c\udfaf<\/div>\n                            <span class=\"cc-breakdown-name\">Interest as % of total paid<\/span>\n                        <\/div>\n                        <div class=\"cc-breakdown-value negative\" id=\"cc-bd-ratio\">0%<\/div>\n                    <\/div>\n                    <div class=\"cc-breakdown-item\">\n                        <div class=\"cc-breakdown-left\">\n                            <div class=\"cc-breakdown-icon\">\ud83d\udcb0<\/div>\n                            <span class=\"cc-breakdown-name\">Interest avoided with prepaid<\/span>\n                        <\/div>\n                        <div class=\"cc-breakdown-value positive\" id=\"cc-bd-saved\">$0<\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"cc-disclaimer\">\n                    Estimates for educational purposes only \u2014 not financial advice. Assumes a fixed APR, fixed monthly payment, and average daily balance method. Actual costs vary by issuer, fees, grace period usage, and payment timing. Regulations differ by country; check your cardholder agreement.\n                <\/div>\n            <\/div>\n\n            <div class=\"cc-card\">\n                <div class=\"cc-card-header\">\n                    <div class=\"cc-icon-box\">\ud83d\udcda<\/div>\n                    <div class=\"cc-card-info\">\n                        <h3>How it&#8217;s calculated<\/h3>\n                        <p>The math behind credit card interest<\/p>\n                    <\/div>\n                <\/div>\n                <div style=\"font-size: 0.92rem; color: var(--coal-light); line-height: 1.65;\">\n                    <p style=\"margin: 0 0 0.75rem 0;\"><strong style=\"color: var(--coal);\">1. Daily Periodic Rate (DPR)<\/strong><br>\n                    Your APR \u00f7 365 = daily rate. At <span id=\"cc-math-apr\">22.30<\/span>% APR, DPR = <strong id=\"cc-math-dpr\">0.0611%<\/strong> per day.<\/p>\n\n                    <p style=\"margin: 0 0 0.75rem 0;\"><strong style=\"color: var(--coal);\">2. Daily interest on your balance<\/strong><br>\n                    Balance \u00d7 DPR = daily charge. On $<span id=\"cc-math-bal\">5,000<\/span>, that&#8217;s <strong>$<span id=\"cc-math-daily\">3.01<\/span>\/day<\/strong> in interest.<\/p>\n\n                    <p style=\"margin: 0;\"><strong style=\"color: var(--coal);\">3. Compounding effect<\/strong><br>\n                    Because interest accrues daily and compounds, your true effective rate (APY) is <strong id=\"cc-math-apy\">24.60%<\/strong> \u2014 higher than the advertised APR.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"cc-education\">\n        <div class=\"cc-edu-grid\">\n            <div class=\"cc-edu-card\">\n                <div class=\"cc-edu-icon\">\ud83d\udd04<\/div>\n                <h4>Daily compounding<\/h4>\n                <p>Credit card interest compounds every single day. A 22% APR actually costs 24.60% per year once compounding is factored in.<\/p>\n            <\/div>\n            <div class=\"cc-edu-card\">\n                <div class=\"cc-edu-icon\">\ud83d\uddd3\ufe0f<\/div>\n                <h4>The grace period<\/h4>\n                <p>Pay your full statement balance by the due date (usually 21\u201325 days) and you pay zero interest. Carry a balance and you lose this protection until you pay in full for two cycles.<\/p>\n            <\/div>\n            <div class=\"cc-edu-card\">\n                <div class=\"cc-edu-icon\">\ud83d\udcb8<\/div>\n                <h4>Cash advances<\/h4>\n                <p>No grace period, higher APR (avg 24.48%), plus 3\u20135% fees. Interest accrues from the moment you withdraw \u2014 the most expensive way to use your card.<\/p>\n            <\/div>\n            <div class=\"cc-edu-card\">\n                <div class=\"cc-edu-icon\">\u26a0\ufe0f<\/div>\n                <h4>Penalty APR<\/h4>\n                <p>One late payment can trigger rates averaging 27.44% (up to 29.99%). Under the CARD Act, you need 6 on-time payments to restore the original rate.<\/p>\n            <\/div>\n            <div class=\"cc-edu-card\">\n                <div class=\"cc-edu-icon\">\ud83d\udcc9<\/div>\n                <h4>Snowball vs avalanche<\/h4>\n                <p>Avalanche (highest APR first) saves the most money. Snowball (smallest balance first) drives better follow-through. Experts suggest snowball for 1\u20132 quick wins, then avalanche.<\/p>\n            <\/div>\n            <div class=\"cc-edu-card\">\n                <div class=\"cc-edu-icon\">\u2705<\/div>\n                <h4>Prepaid alternative<\/h4>\n                <p>No interest, no credit check, no late fees, no penalty APR. Spend only what you load \u2014 the simplest way to avoid the interest trap entirely.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n(function() {\n    function init() {\n    var countryData = {\n        us: { name: \"United States\", avgApr: 22.30, currency: \"$\", rechargeUrl: \"https:\/\/www.recharge.com\/en\/us\/payment-cards\" },\n        gb: { name: \"United Kingdom\", avgApr: 24.5, currency: \"\u00a3\", rechargeUrl: \"https:\/\/www.recharge.com\/en\/gb\/payment-cards\" },\n        nl: { name: \"Netherlands\", avgApr: 15, currency: \"\u20ac\", rechargeUrl: \"https:\/\/www.recharge.com\/en\/nl\/payment-cards\" },\n        de: { name: \"Germany\", avgApr: 20, currency: \"\u20ac\", rechargeUrl: \"https:\/\/www.recharge.com\/en\/de\/payment-cards\" },\n        fr: { name: \"France\", avgApr: 19, currency: \"\u20ac\", rechargeUrl: \"https:\/\/www.recharge.com\/en\/fr\/payment-cards\" },\n        es: { name: \"Spain\", avgApr: 18, currency: \"\u20ac\", rechargeUrl: \"https:\/\/www.recharge.com\/en\/es\/payment-cards\" },\n        it: { name: \"Italy\", avgApr: 17, currency: \"\u20ac\", rechargeUrl: \"https:\/\/www.recharge.com\/en\/it\/payment-cards\" },\n        ca: { name: \"Canada\", avgApr: 19.99, currency: \"C$\", rechargeUrl: \"https:\/\/www.recharge.com\/en\/ca\/payment-cards\" },\n        au: { name: \"Australia\", avgApr: 20, currency: \"A$\", rechargeUrl: \"https:\/\/www.recharge.com\/en\/au\/payment-cards\" },\n        jp: { name: \"Japan\", avgApr: 15, currency: \"\u00a5\", rechargeUrl: \"https:\/\/www.recharge.com\/en\/jp\/payment-cards\" }\n    };\n\n    var prepaidData = {\n        us: [\n            { name: \"PaysafeCard\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_paysafecard_product_card_png.png\", url: \"https:\/\/www.recharge.com\/en\/us\/paysafecard\" },\n            { name: \"Neosurf Voucher\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_neosurf_product_card_png.png\", url: \"https:\/\/www.recharge.com\/en\/us\/neosurf\" },\n            { name: \"Flexepin\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_flexepin_product_card.png\", url: \"https:\/\/www.recharge.com\/en\/us\/flexepin\" },\n            { name: \"MiFinity eVoucher\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_mifinity_product_card.png\", url: \"https:\/\/www.recharge.com\/en\/us\/mifinity\" },\n            { name: \"CASHlib Voucher\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_cashlib_product_card.png\", url: \"https:\/\/www.recharge.com\/en\/us\/cashlib\" },\n            { name: \"Transcash Ticket\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/Transcash.png\", url: \"https:\/\/www.recharge.com\/en\/us\/transcash\" }\n        ],\n        gb: [\n            { name: \"PaysafeCard\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_paysafecard_product_card_png.png\", url: \"https:\/\/www.recharge.com\/en\/gb\/paysafecard\" },\n            { name: \"Neosurf Voucher\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_neosurf_product_card_png.png\", url: \"https:\/\/www.recharge.com\/en\/gb\/neosurf\" },\n            { name: \"Transcash Ticket\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/Transcash.png\", url: \"https:\/\/www.recharge.com\/en\/gb\/transcash\" },\n            { name: \"CASHlib Voucher\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_cashlib_product_card.png\", url: \"https:\/\/www.recharge.com\/en\/gb\/cashlib\" },\n            { name: \"MiFinity eVoucher\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_mifinity_product_card.png\", url: \"https:\/\/www.recharge.com\/en\/gb\/mifinity\" },\n            { name: \"Flexepin\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_flexepin_product_card.png\", url: \"https:\/\/www.recharge.com\/en\/gb\/flexepin\" }\n        ],\n        nl: [\n            { name: \"PaysafeCard\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_paysafecard_product_card_png.png\", url: \"https:\/\/www.recharge.com\/en\/nl\/paysafecard\" },\n            { name: \"Neosurf Voucher\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_neosurf_product_card_png.png\", url: \"https:\/\/www.recharge.com\/en\/nl\/neosurf\" },\n            { name: \"Transcash Ticket\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/Transcash.png\", url: \"https:\/\/www.recharge.com\/en\/nl\/transcash\" },\n            { name: \"CASHlib Voucher\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_cashlib_product_card.png\", url: \"https:\/\/www.recharge.com\/en\/nl\/cashlib\" },\n            { name: \"MiFinity eVoucher\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_mifinity_product_card.png\", url: \"https:\/\/www.recharge.com\/en\/nl\/mifinity\" },\n            { name: \"Flexepin\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_flexepin_product_card.png\", url: \"https:\/\/www.recharge.com\/en\/nl\/flexepin\" }\n        ],\n        de: [\n            { name: \"PaysafeCard\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_paysafecard_product_card_png.png\", url: \"https:\/\/www.recharge.com\/en\/de\/paysafecard\" },\n            { name: \"Neosurf Voucher\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_neosurf_product_card_png.png\", url: \"https:\/\/www.recharge.com\/en\/de\/neosurf\" },\n            { name: \"Transcash Ticket\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/Transcash.png\", url: \"https:\/\/www.recharge.com\/en\/de\/transcash\" },\n            { name: \"CASHlib Voucher\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_cashlib_product_card.png\", url: \"https:\/\/www.recharge.com\/en\/de\/cashlib\" },\n            { name: \"MiFinity eVoucher\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_mifinity_product_card.png\", url: \"https:\/\/www.recharge.com\/en\/de\/mifinity\" },\n            { name: \"Flexepin\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_flexepin_product_card.png\", url: \"https:\/\/www.recharge.com\/en\/de\/flexepin\" }\n        ],\n        fr: [\n            { name: \"PaysafeCard\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_paysafecard_product_card_png.png\", url: \"https:\/\/www.recharge.com\/en\/fr\/paysafecard\" },\n            { name: \"Neosurf Voucher\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_neosurf_product_card_png.png\", url: \"https:\/\/www.recharge.com\/en\/fr\/neosurf\" },\n            { name: \"Transcash Ticket\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/Transcash.png\", url: \"https:\/\/www.recharge.com\/en\/fr\/transcash\" },\n            { name: \"CASHlib Voucher\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_cashlib_product_card.png\", url: \"https:\/\/www.recharge.com\/en\/fr\/cashlib\" },\n            { name: \"MiFinity eVoucher\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_mifinity_product_card.png\", url: \"https:\/\/www.recharge.com\/en\/fr\/mifinity\" },\n            { name: \"Flexepin\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_flexepin_product_card.png\", url: \"https:\/\/www.recharge.com\/en\/fr\/flexepin\" }\n        ],\n        es: [\n            { name: \"PaysafeCard\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_paysafecard_product_card_png.png\", url: \"https:\/\/www.recharge.com\/en\/es\/paysafecard\" },\n            { name: \"Neosurf Voucher\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_neosurf_product_card_png.png\", url: \"https:\/\/www.recharge.com\/en\/es\/neosurf\" },\n            { name: \"Transcash Ticket\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/Transcash.png\", url: \"https:\/\/www.recharge.com\/en\/es\/transcash\" },\n            { name: \"CASHlib Voucher\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_cashlib_product_card.png\", url: \"https:\/\/www.recharge.com\/en\/es\/cashlib\" },\n            { name: \"MiFinity eVoucher\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_mifinity_product_card.png\", url: \"https:\/\/www.recharge.com\/en\/es\/mifinity\" },\n            { name: \"Flexepin\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_flexepin_product_card.png\", url: \"https:\/\/www.recharge.com\/en\/es\/flexepin\" }\n        ],\n        it: [\n            { name: \"PaysafeCard\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_paysafecard_product_card_png.png\", url: \"https:\/\/www.recharge.com\/en\/it\/paysafecard\" },\n            { name: \"Neosurf Voucher\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_neosurf_product_card_png.png\", url: \"https:\/\/www.recharge.com\/en\/it\/neosurf\" },\n            { name: \"Transcash Ticket\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/Transcash.png\", url: \"https:\/\/www.recharge.com\/en\/it\/transcash\" },\n            { name: \"CASHlib Voucher\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_cashlib_product_card.png\", url: \"https:\/\/www.recharge.com\/en\/it\/cashlib\" },\n            { name: \"MiFinity eVoucher\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_mifinity_product_card.png\", url: \"https:\/\/www.recharge.com\/en\/it\/mifinity\" },\n            { name: \"Flexepin\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_flexepin_product_card.png\", url: \"https:\/\/www.recharge.com\/en\/it\/flexepin\" }\n        ],\n        ca: [\n            { name: \"PaysafeCard\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_paysafecard_product_card_png.png\", url: \"https:\/\/www.recharge.com\/en\/ca\/paysafecard\" },\n            { name: \"Neosurf Voucher\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_neosurf_product_card_png.png\", url: \"https:\/\/www.recharge.com\/en\/ca\/neosurf\" },\n            { name: \"Flexepin\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_flexepin_product_card.png\", url: \"https:\/\/www.recharge.com\/en\/ca\/flexepin\" },\n            { name: \"MiFinity eVoucher\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_mifinity_product_card.png\", url: \"https:\/\/www.recharge.com\/en\/ca\/mifinity\" },\n            { name: \"CASHlib Voucher\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_cashlib_product_card.png\", url: \"https:\/\/www.recharge.com\/en\/ca\/cashlib\" },\n            { name: \"Transcash Ticket\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/Transcash.png\", url: \"https:\/\/www.recharge.com\/en\/ca\/transcash\" }\n        ],\n        au: [\n            { name: \"PaysafeCard\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_paysafecard_product_card_png.png\", url: \"https:\/\/www.recharge.com\/en\/au\/paysafecard\" },\n            { name: \"Neosurf Voucher\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_neosurf_product_card_png.png\", url: \"https:\/\/www.recharge.com\/en\/au\/neosurf\" },\n            { name: \"Flexepin\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_flexepin_product_card.png\", url: \"https:\/\/www.recharge.com\/en\/au\/flexepin\" },\n            { name: \"MiFinity eVoucher\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_mifinity_product_card.png\", url: \"https:\/\/www.recharge.com\/en\/au\/mifinity\" },\n            { name: \"CASHlib Voucher\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_cashlib_product_card.png\", url: \"https:\/\/www.recharge.com\/en\/au\/cashlib\" },\n            { name: \"Transcash Ticket\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/Transcash.png\", url: \"https:\/\/www.recharge.com\/en\/au\/transcash\" }\n        ],\n        jp: [\n            { name: \"PaysafeCard\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_paysafecard_product_card_png.png\", url: \"https:\/\/www.recharge.com\/en\/jp\/paysafecard\" },\n            { name: \"Neosurf Voucher\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_neosurf_product_card_png.png\", url: \"https:\/\/www.recharge.com\/en\/jp\/neosurf\" },\n            { name: \"Flexepin\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_flexepin_product_card.png\", url: \"https:\/\/www.recharge.com\/en\/jp\/flexepin\" },\n            { name: \"MiFinity eVoucher\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_mifinity_product_card.png\", url: \"https:\/\/www.recharge.com\/en\/jp\/mifinity\" },\n            { name: \"CASHlib Voucher\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/recharge_com_cashlib_product_card.png\", url: \"https:\/\/www.recharge.com\/en\/jp\/cashlib\" },\n            { name: \"Transcash Ticket\", logo: \"https:\/\/recharge-prd.asset.akeneo.cloud\/product_assets\/media\/Transcash.png\", url: \"https:\/\/www.recharge.com\/en\/jp\/transcash\" }\n        ]\n    };\n\n    var state = { country: \"us\", mode: \"payoff\", balance: 5000, apr: 22.30, payment: 200 };\n\n    function byId(id) { return document.getElementById(id); }\n\n    function formatCurrency(amount, decimals) {\n        if (decimals === undefined) decimals = 0;\n        var c = countryData[state.country].currency;\n        var rounded = decimals === 0 ? Math.round(amount) : Number(amount.toFixed(decimals));\n        var num = Number(rounded).toLocaleString(\"en-US\", { minimumFractionDigits: decimals, maximumFractionDigits: decimals });\n        return c + num;\n    }\n\n    function formatNum(n) { return Number(n).toLocaleString(\"en-US\"); }\n\n    function calculatePayoff(balance, apr, payment) {\n        var monthlyRate = apr \/ 100 \/ 12;\n        var monthlyInterest = balance * monthlyRate;\n        if (payment <= monthlyInterest) {\n            return { impossible: true, monthlyInterest: monthlyInterest, minRequired: Math.ceil(monthlyInterest + 1) };\n        }\n        var months = Math.ceil(-Math.log(1 - (balance * monthlyRate \/ payment)) \/ Math.log(1 + monthlyRate));\n        var bal = balance;\n        var totalInterest = 0;\n        var schedule = [];\n        for (var i = 0; i < months; i++) {\n            if (bal <= 0.01) break;\n            var interest = bal * monthlyRate;\n            var principal = payment - interest;\n            if (principal > bal) principal = bal;\n            bal -= principal;\n            totalInterest += interest;\n            schedule.push({ month: i + 1, interest: interest, principal: principal, balance: Math.max(0, bal) });\n        }\n        return { impossible: false, months: schedule.length, totalInterest: totalInterest, totalPaid: balance + totalInterest, monthlyInterest: monthlyInterest, schedule: schedule };\n    }\n\n    function calculateMonthly(balance, apr) {\n        var dpr = apr \/ 100 \/ 365;\n        var dailyInterest = balance * dpr;\n        var monthlyInterest = dailyInterest * 30;\n        var yearlyInterest = balance * (Math.pow(1 + dpr, 365) - 1);\n        var apy = (Math.pow(1 + dpr, 365) - 1) * 100;\n        return { dpr: dpr, dailyInterest: dailyInterest, monthlyInterest: monthlyInterest, yearlyInterest: yearlyInterest, apy: apy };\n    }\n\n    function drawChart(schedule) {\n        var svg = byId(\"cc-chart\");\n        svg.innerHTML = \"\";\n        if (!schedule) return;\n        if (schedule.length === 0) return;\n        var W = 400, H = 180, pad = 10;\n        var n = schedule.length;\n        var maxPay = 0;\n        for (var k = 0; k < n; k++) { var t = schedule[k].interest + schedule[k].principal; if (t > maxPay) maxPay = t; }\n        if (maxPay <= 0) return;\n        var barW = (W - pad * 2) \/ n;\n        var interestPath = [\"M\", pad, H - pad];\n        for (var i = 0; i < n; i++) {\n            var s = schedule[i];\n            var x = pad + i * barW + barW \/ 2;\n            var interestH = (s.interest \/ maxPay) * (H - pad * 2);\n            var yInterest = H - pad - interestH;\n            interestPath.push(\"L\", x, yInterest);\n        }\n        var lastX = pad + (n - 1) * barW + barW \/ 2;\n        interestPath.push(\"L\", lastX, H - pad, \"Z\");\n        var principalFullPath = [\"M\", pad, H - pad];\n        for (var j = 0; j < n; j++) {\n            var s2 = schedule[j];\n            var x2 = pad + j * barW + barW \/ 2;\n            var totalH = ((s2.interest + s2.principal) \/ maxPay) * (H - pad * 2);\n            principalFullPath.push(\"L\", x2, H - pad - totalH);\n        }\n        principalFullPath.push(\"L\", lastX, H - pad, \"Z\");\n        var ns = \"http:\/\/www.w3.org\/2000\/svg\";\n        var p1 = document.createElementNS(ns, \"path\");\n        p1.setAttribute(\"d\", principalFullPath.join(\" \"));\n        p1.setAttribute(\"fill\", \"#07F288\");\n        p1.setAttribute(\"opacity\", \"0.85\");\n        svg.appendChild(p1);\n        var p2 = document.createElementNS(ns, \"path\");\n        p2.setAttribute(\"d\", interestPath.join(\" \"));\n        p2.setAttribute(\"fill\", \"#FF5A5F\");\n        p2.setAttribute(\"opacity\", \"0.9\");\n        svg.appendChild(p2);\n    }\n\n    function drawFlatChart() {\n        var svg = byId(\"cc-chart\");\n        svg.innerHTML = \"\";\n        var W = 400, H = 180, pad = 10;\n        var months = 12;\n        var barW = (W - pad * 2) \/ months;\n        var ns = \"http:\/\/www.w3.org\/2000\/svg\";\n        for (var i = 0; i < months; i++) {\n            var x = pad + i * barW + 2;\n            var h = H - pad * 2 - 20;\n            var rect = document.createElementNS(ns, \"rect\");\n            rect.setAttribute(\"x\", x);\n            rect.setAttribute(\"y\", pad + 20);\n            rect.setAttribute(\"width\", barW - 4);\n            rect.setAttribute(\"height\", h);\n            rect.setAttribute(\"fill\", \"#FF5A5F\");\n            rect.setAttribute(\"opacity\", 0.3 + (i \/ months) * 0.6);\n            rect.setAttribute(\"rx\", 2);\n            svg.appendChild(rect);\n        }\n        var text = document.createElementNS(ns, \"text\");\n        text.setAttribute(\"x\", W \/ 2);\n        text.setAttribute(\"y\", 14);\n        text.setAttribute(\"text-anchor\", \"middle\");\n        text.setAttribute(\"fill\", \"#738A8C\");\n        text.setAttribute(\"font-size\", \"10\");\n        text.setAttribute(\"font-family\", \"sans-serif\");\n        text.textContent = \"Interest growth over 12 months (balance unchanged)\";\n        svg.appendChild(text);\n    }\n\n    function setText(id, value) { var el = byId(id); if (el) el.textContent = value; }\n    function setDisplay(id, value) { var el = byId(id); if (el) el.style.display = value; }\n\n    function renderPrepaid() {\n        var grid = byId(\"cc-prepaid-grid\");\n        if (!grid) return;\n        var list = prepaidData[state.country];\n        if (!list) list = prepaidData.us;\n        grid.innerHTML = \"\";\n        for (var i = 0; i < list.length; i++) {\n            var item = list[i];\n            var a = document.createElement(\"a\");\n            a.href = item.url;\n            a.className = \"cc-prepaid-card\";\n            a.target = \"_blank\";\n            a.rel = \"noopener\";\n            var logoDiv = document.createElement(\"div\");\n            logoDiv.className = \"cc-prepaid-logo\";\n            var img = document.createElement(\"img\");\n            img.src = item.logo;\n            img.alt = item.name;\n            img.loading = \"lazy\";\n            logoDiv.appendChild(img);\n            var nameSpan = document.createElement(\"span\");\n            nameSpan.className = \"cc-prepaid-name\";\n            nameSpan.textContent = item.name;\n            a.appendChild(logoDiv);\n            a.appendChild(nameSpan);\n            grid.appendChild(a);\n        }\n        setText(\"cc-prepaid-country\", countryData[state.country].name);\n        var viewAll = byId(\"cc-view-all-prepaid\");\n        if (viewAll) viewAll.href = \"https:\/\/www.recharge.com\/en\/\" + state.country + \"\/payment-cards\";\n    }\n\n    function render() {\n        var country = countryData[state.country];\n        var m = calculateMonthly(state.balance, state.apr);\n        setText(\"cc-math-apr\", state.apr.toFixed(2));\n        setText(\"cc-math-dpr\", (m.dpr * 100).toFixed(4) + \"%\");\n        setText(\"cc-math-bal\", formatNum(state.balance));\n        setText(\"cc-math-daily\", m.dailyInterest.toFixed(2));\n        setText(\"cc-math-apy\", m.apy.toFixed(2) + \"%\");\n        setText(\"cc-balance-display\", formatNum(state.balance));\n        setText(\"cc-apr-display\", state.apr.toFixed(2));\n        setText(\"cc-payment-display\", formatNum(state.payment));\n\n        if (state.mode === \"payoff\") {\n            setText(\"cc-results-title\", \"Your Payoff Summary\");\n            setText(\"cc-hero-label\", \"Total interest you will pay\");\n            setText(\"cc-hero-sub\", \"over the life of this debt\");\n            setText(\"cc-metric-1-label\", \"months to pay off\");\n            setText(\"cc-metric-2-label\", \"total paid\");\n            setText(\"cc-payment-label\", \"Monthly payment\");\n            setDisplay(\"cc-payment-field\", \"\");\n\n            var r = calculatePayoff(state.balance, state.apr, state.payment);\n            if (r.impossible) {\n                setText(\"cc-hero-value\", \"\\u221E\");\n                setText(\"cc-metric-1-value\", \"\\u2014\");\n                setText(\"cc-metric-2-value\", \"\\u2014\");\n                setDisplay(\"cc-payment-warning\", \"\");\n                setText(\"cc-payment-warning-text\", \"Your monthly payment of \" + formatCurrency(state.payment) + \" does not cover the \" + formatCurrency(r.monthlyInterest, 2) + \" in monthly interest. You need to pay at least \" + formatCurrency(r.minRequired) + \"\/month to start reducing your balance.\");\n                setText(\"cc-compare-credit\", \"\\u221E\");\n                setText(\"cc-compare-prepaid\", formatCurrency(state.balance));\n                setText(\"cc-cta-title\", \"You could save \" + formatCurrency(state.balance) + \"+\");\n                setText(\"cc-bd-first\", formatCurrency(r.monthlyInterest, 2));\n                setText(\"cc-bd-apy\", m.apy.toFixed(2) + \"%\");\n                setText(\"cc-bd-ratio\", \"\\u221E\");\n                setText(\"cc-bd-saved\", \"\\u221E\");\n                drawFlatChart();\n            } else {\n                setDisplay(\"cc-payment-warning\", \"none\");\n                setText(\"cc-hero-value\", formatCurrency(r.totalInterest));\n                setText(\"cc-metric-1-value\", r.months);\n                setText(\"cc-metric-2-value\", formatCurrency(r.totalPaid));\n                setText(\"cc-compare-credit\", formatCurrency(r.totalPaid));\n                setText(\"cc-compare-prepaid\", formatCurrency(state.balance));\n                setText(\"cc-cta-title\", \"You could save \" + formatCurrency(r.totalInterest));\n                setText(\"cc-bd-first\", formatCurrency(r.monthlyInterest, 2));\n                setText(\"cc-bd-apy\", m.apy.toFixed(2) + \"%\");\n                setText(\"cc-bd-ratio\", ((r.totalInterest \/ r.totalPaid) * 100).toFixed(1) + \"%\");\n                setText(\"cc-bd-saved\", formatCurrency(r.totalInterest));\n                drawChart(r.schedule);\n            }\n            var minPayment = Math.max(state.balance * 0.02, 25);\n            setDisplay(\"cc-min-warning\", (state.payment <= minPayment * 1.1) ? \"\" : \"none\");\n        } else {\n            setText(\"cc-results-title\", \"Your Monthly Interest Cost\");\n            setText(\"cc-hero-label\", \"Interest per month\");\n            setText(\"cc-hero-sub\", \"if your balance stays at \" + formatCurrency(state.balance));\n            setText(\"cc-metric-1-label\", \"per day\");\n            setText(\"cc-metric-2-label\", \"per year\");\n            setDisplay(\"cc-payment-field\", \"none\");\n            setDisplay(\"cc-payment-warning\", \"none\");\n            setDisplay(\"cc-min-warning\", \"none\");\n            setText(\"cc-hero-value\", formatCurrency(m.monthlyInterest, 2));\n            setText(\"cc-metric-1-value\", formatCurrency(m.dailyInterest, 2));\n            setText(\"cc-metric-2-value\", formatCurrency(m.yearlyInterest));\n            setText(\"cc-compare-credit\", formatCurrency(m.yearlyInterest));\n            setText(\"cc-compare-prepaid\", formatCurrency(0));\n            setText(\"cc-cta-title\", formatCurrency(m.yearlyInterest) + \"\/year going to interest\");\n            setText(\"cc-bd-first\", formatCurrency(m.monthlyInterest, 2));\n            setText(\"cc-bd-apy\", m.apy.toFixed(2) + \"%\");\n            setText(\"cc-bd-ratio\", \"100%\");\n            setText(\"cc-bd-saved\", formatCurrency(m.yearlyInterest));\n            drawFlatChart();\n        }\n        var cta = byId(\"cc-cta-btn\");\n        if (cta) cta.href = country.rechargeUrl;\n    }\n\n    function linkSliderInput(sliderId, inputId, stateKey, parse) {\n        var slider = byId(sliderId);\n        var input = byId(inputId);\n        if (!slider) return;\n        if (!input) return;\n        slider.addEventListener(\"input\", function() {\n            var v = parse(slider.value);\n            state[stateKey] = v;\n            input.value = v;\n            render();\n        });\n        input.addEventListener(\"input\", function() {\n            var v = parse(input.value);\n            if (!isNaN(v)) {\n                state[stateKey] = v;\n                slider.value = v;\n                render();\n            }\n        });\n    }\n\n    function toNum(v) { var n = parseFloat(v); if (isNaN(n)) n = 0; return n; }\n    linkSliderInput(\"cc-balance-slider\", \"cc-balance-input\", \"balance\", function(v) { return Math.max(0, toNum(v)); });\n    linkSliderInput(\"cc-apr-slider\", \"cc-apr-input\", \"apr\", function(v) { return Math.max(0, Math.min(100, toNum(v))); });\n    linkSliderInput(\"cc-payment-slider\", \"cc-payment-input\", \"payment\", function(v) { return Math.max(0, toNum(v)); });\n\n    var modeBtns = document.querySelectorAll(\".cc-mode-btn\");\n    for (var mi = 0; mi < modeBtns.length; mi++) {\n        (function(btn) {\n            btn.addEventListener(\"click\", function() {\n                var all = document.querySelectorAll(\".cc-mode-btn\");\n                for (var j = 0; j < all.length; j++) all[j].classList.remove(\"active\");\n                btn.classList.add(\"active\");\n                state.mode = btn.getAttribute(\"data-mode\");\n                render();\n            });\n        })(modeBtns[mi]);\n    }\n\n    var presets = document.querySelectorAll(\".cc-preset\");\n    for (var pi = 0; pi < presets.length; pi++) {\n        (function(btn) {\n            btn.addEventListener(\"click\", function() {\n                var target = btn.getAttribute(\"data-target\");\n                var modeAttr = btn.getAttribute(\"data-mode\");\n                if (target === \"payment\") {\n                    if (modeAttr === \"min\") {\n                        var mv = Math.max(state.balance * 0.02, 25);\n                        state.payment = Math.round(mv);\n                        byId(\"cc-payment-slider\").value = state.payment;\n                        byId(\"cc-payment-input\").value = state.payment;\n                        render();\n                        return;\n                    }\n                }\n                var v = parseFloat(btn.getAttribute(\"data-value\"));\n                if (target === \"balance\") {\n                    state.balance = v;\n                    byId(\"cc-balance-slider\").value = v;\n                    byId(\"cc-balance-input\").value = v;\n                } else if (target === \"apr\") {\n                    state.apr = v;\n                    byId(\"cc-apr-slider\").value = v;\n                    byId(\"cc-apr-input\").value = v;\n                } else if (target === \"payment\") {\n                    state.payment = v;\n                    byId(\"cc-payment-slider\").value = v;\n                    byId(\"cc-payment-input\").value = v;\n                }\n                render();\n            });\n        })(presets[pi]);\n    }\n\n    var countrySel = byId(\"cc-country-select\");\n    if (countrySel) {\n        countrySel.addEventListener(\"change\", function() {\n            state.country = countrySel.value;\n            var c = countryData[state.country];\n            state.apr = c.avgApr;\n            byId(\"cc-apr-slider\").value = c.avgApr;\n            byId(\"cc-apr-input\").value = c.avgApr;\n            setText(\"cc-currency-sym\", c.currency);\n            setText(\"cc-payment-unit\", c.currency);\n            render();\n            renderPrepaid();\n        });\n    }\n\n    if (!countrySel) return;\n    setText(\"cc-currency-sym\", countryData[state.country].currency);\n    setText(\"cc-payment-unit\", countryData[state.country].currency);\n    render();\n    renderPrepaid();\n    }\n\n    if (document.readyState === \"loading\") {\n        document.addEventListener(\"DOMContentLoaded\", init);\n    } else {\n        init();\n    }\n})();\n<\/script>\n\n\n\n\n<div style=\"background-color: #f9f9f9; padding: 20px; border-radius: 8px; margin-bottom: 20px;\">\n<h3>Summary<\/h3>\n<p>This guide explains exactly how credit card interest works and how you can manage your budget to avoid extra costs. You'll learn how banks calculate your daily rate, why paying in full is the best strategy, and how prepaid cards can help you bypass credit card debt completely.<\/p>\n<\/div>\n\n\n\n<div style=\"background-color: #fff3cd; border-left: 4px solid #ffc107; padding: 20px; border-radius: 4px; margin-bottom: 20px;\">\n<h3>TLDR<\/h3>\n<ul>\n<li>Credit card interest is the fee you pay for borrowing money when you don't pay your monthly statement in full.<\/li>\n<li>You can avoid paying interest by clearing your balance before your billing grace period ends.<\/li>\n<li>Using prepaid payment cards is a safe, simple way to stick to your budget and avoid interest charges entirely.<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div style=\"background: linear-gradient(135deg, #07F288 0%, #7BF8BE 100%); color: #0a3d2e; padding: 25px; border-radius: 12px; margin-bottom: 30px;\">\n<h3 style=\"color: #0a3d2e; margin-top: 0;\">\ud83d\udcd1 Table of Contents<\/h3>\n<ul style=\"list-style-type: none; padding-left: 0;\">\n<li style=\"margin-bottom: 10px;\">\ud83d\udc49 <a style=\"color: #0a3d2e; text-decoration: none; font-weight: bold;\" href=\"#what-is-credit-card-interest\">What Is Credit Card Interest?<\/a><\/li>\n<li style=\"margin-bottom: 10px;\">\ud83d\udc49 <a style=\"color: #0a3d2e; text-decoration: none; font-weight: bold;\" href=\"#how-is-interest-calculated\">How Is Credit Card Interest Calculated?<\/a><\/li>\n<li style=\"margin-bottom: 10px;\">\ud83d\udc49 <a style=\"color: #0a3d2e; text-decoration: none; font-weight: bold;\" href=\"#minimum-payments\">How Do Minimum Payments and Interest Work?<\/a><\/li>\n<li style=\"margin-bottom: 10px;\">\ud83d\udc49 <a style=\"color: #0a3d2e; text-decoration: none; font-weight: bold;\" href=\"#interest-on-purchases\">How Does Credit Card Interest on Purchases Work?<\/a><\/li>\n<li style=\"margin-bottom: 10px;\">\ud83d\udc49 <a style=\"color: #0a3d2e; text-decoration: none; font-weight: bold;\" href=\"#faq\">Frequently Asked Questions (FAQ)<\/a><\/li>\n<li>\ud83d\udc49 <a style=\"color: #0a3d2e; text-decoration: none; font-weight: bold;\" href=\"#take-control\">Take Control of Your Budget With Prepaid Cards<\/a><\/li>\n<\/ul>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"what-is-credit-card-interest\">What Is Credit Card Interest?<\/h2>\n\n\n\n<p>Credit card interest is the cost of borrowing money from a bank or lender when you make a purchase. When you use a credit card, you're essentially taking out a short-term loan. If you pay back the amount you spent by the due date, you usually pay no extra fees. However, if you carry a balance into the next month, the bank charges you a fee for borrowing that money. This fee is usually expressed as an APR (Annual Percentage Rate). Understanding this is a great step if you're looking into <a href=\"https:\/\/www.recharge.com\/blog\/en\/us\/how-to-build-credit-fast\">how to build credit fast<\/a>, because managing your interest and payments properly helps improve your financial health.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-is-interest-calculated\">How Is Credit Card Interest Calculated?<\/h2>\n\n\n\n<p>Credit card interest is calculated by converting your yearly APR into a daily rate and applying it to your balance. Most banks follow a simple step-by-step process:<\/p>\n\n\n\n<div style=\"background-color: #e6f7ff; padding: 20px; border-radius: 8px; margin: 20px 0; border: 1px solid #bae7ff;\">\n<ul style=\"margin: 0; padding-left: 20px;\">\n<li style=\"margin-bottom: 10px;\"><strong>1. Find your daily rate:<\/strong> Divide your APR by 365 days.<\/li>\n<li style=\"margin-bottom: 10px;\"><strong>2. Multiply by your balance:<\/strong> Multiply that daily rate by your average daily balance.<\/li>\n<li><strong>3. Multiply by the days in your billing cycle:<\/strong> Multiply that result by the number of days in your monthly cycle.<\/li>\n<\/ul>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"applied-daily-or-monthly\">Is Credit Card Interest Applied Daily or Monthly?<\/h3>\n\n\n\n<p>If you're wondering how does credit card interest work month to month, or how does credit card interest work is it daily, the answer involves both. Your interest is calculated daily based on your average daily balance. However, the bank applies this total charge to your account monthly at the end of your billing cycle.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"with-examples\">How Does Credit Card Interest Work With Examples?<\/h3>\n\n\n\n<p>To understand how does credit card interest work example, let's look at a simple calculator-style breakdown. People often ask: what is 30% of a $1,000 credit card?<\/p>\n\n\n\n<div style=\"flex-wrap: wrap; gap: 20px; margin: 20px 0;\">\n<div style=\"flex: 1; min-width: 250px; background-color: #f0fdf4; padding: 20px; border-radius: 8px; border: 1px solid #bbf7d0;\">\n<h4 style=\"margin-top: 0; color: #166534;\">\ud83d\udcca Example: 30% APR on a $1,000 Balance<\/h4>\n<p style=\"margin-bottom: 5px;\"><strong>Daily Rate:<\/strong> 30% \u00f7 365 = 0.082%<\/p>\n<p style=\"margin-bottom: 5px;\"><strong>Daily Charge:<\/strong> $1,000 \u00d7 0.00082 = $0.82 per day<\/p>\n<p style=\"margin-bottom: 0;\"><strong>Monthly Charge (30 days):<\/strong> $0.82 \u00d7 30 = $24.60<\/p>\n<\/div>\n<\/div>\n\n\n\n<p>In this example, carrying a $1,000 balance for one month will cost you roughly $24.60 in interest.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"minimum-payments\">How Do Minimum Payments and Interest Work?<\/h2>\n\n\n\n<p>Minimum payments and interest work together by allowing you to pay a small portion of your bill while the rest of your balance rolls over to the next month. If you're curious about how does credit card interest work with minimum payment, it's important to know that you'll be charged interest on the remaining amount. Paying only the minimum is a common trap that leads to long-term debt. It makes your original purchases much more expensive over time and makes it harder to control your budget.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"interest-on-purchases\">How Does Credit Card Interest on Purchases Work?<\/h2>\n\n\n\n<p>Credit card interest on purchases works by charging you a fee on the items you buy if you don't pay your full statement balance. What does credit card interest on purchases mean for your daily shopping? Here are the two main terms you should know:<\/p>\n\n\n\n<div style=\"background-color: #f8f9fa; padding: 20px; border-radius: 8px; margin: 20px 0; border: 1px solid #dee2e6;\">\n<dl style=\"margin: 0;\">\n<dt style=\"font-weight: bold; font-size: 1.1em; color: #212529;\">Grace Period<\/dt>\n<dd style=\"margin-left: 0; margin-bottom: 15px; color: #495057;\">A set time \u2013 usually 21 to 25 days \u2013 where no interest is charged if you clear your statement balance in full.<\/dd>\n<dt style=\"font-weight: bold; font-size: 1.1em; color: #212529;\">Cash Advance<\/dt>\n<dd style=\"margin-left: 0; color: #495057;\">Withdrawing cash using your credit card. This usually starts accumulating interest immediately with no grace period.<\/dd>\n<\/dl>\n<\/div>\n\n\n\n<div style=\"background-color: #fff4ed; border-left: 4px solid #fdba74; padding: 15px; border-radius: 4px; margin: 20px 0;\">\n<p style=\"margin: 0;\">\ud83d\udca1 <strong>Tip:<\/strong> Always try to pay your balance in full before the grace period ends so your daily purchases stay interest-free.<\/p>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"faq\">Frequently Asked Questions (FAQ)<\/h2>\n\n\n\n<p>We're answering the most common questions from users across the globe about how credit card interest works.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-how-much-is-26-99-apr-on-3-000\">How much is 26.99% APR on $3,000?<\/h3>\n\n\n\n<p>For a $3,000 balance, a 26.99% APR will cost you approximately $66.55 for one month of interest. You calculate this by dividing 26.99% by 365 to get your daily rate, multiplying it by $3,000, and then multiplying that by 30 days.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-is-29-99-apr-bad-for-a-credit-card\">Is 29.99% APR bad for a credit card?<\/h3>\n\n\n\n<p>Yes, 29.99% APR is considered high. Average rates are typically much lower, and carrying a balance at this rate gets expensive quickly.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-how-does-credit-card-interest-work-in-the-uk-canada-australia-and-india\">How does credit card interest work in the UK, Canada, Australia, and India?<\/h3>\n\n\n\n<p>Whether you're asking how does credit card interest work UK, Canada, Australia, or in India, the core math works the same globally. Your APR is converted to a daily rate and charged monthly. However, local financial regulators set different rules on maximum fees and grace periods.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-how-does-interest-work-with-specific-banks-like-discover-anz-or-bank-of-america\">How does interest work with specific banks like Discover, ANZ, or Bank of America?<\/h3>\n\n\n\n<p>If you want to know how does credit card interest work Discover, ANZ, or Bank of America, the answer is straightforward. Major banks all use the same standard daily average balance method to calculate interest, though their specific APRs and grace periods will vary.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"take-control\">Take Control of Your Budget With Prepaid Cards<\/h2>\n\n\n\n<p>If you want to avoid credit card interest completely, prepaid payment cards are the ultimate solution. You never have to worry about APRs, credit checks, or surprise fees \u2013 you only spend what you load.<\/p>\n\n\n\n<div style=\"grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin: 30px 0;\">\n<div style=\"background-color: #ffffff; padding: 20px; border-radius: 12px; border: 1px solid #e5e7eb;\">\n<h4 style=\"margin-top: 0; color: #111827;\">\ud83c\udfaf Budget Control<\/h4>\n<p style=\"margin-bottom: 0; color: #4b5563;\">Perfect for online shopping, gaming, and everyday digital life without the risk of overspending.<\/p>\n<\/div>\n<div style=\"background-color: #ffffff; padding: 20px; border-radius: 12px; border: 1px solid #e5e7eb;\">\n<h4 style=\"margin-top: 0; color: #111827;\">\u26a1 Fast and Safe<\/h4>\n<p style=\"margin-bottom: 0; color: #4b5563;\">We deliver 99.9% of orders in just 20 seconds, ensuring your money is always secure.<\/p>\n<\/div>\n<div style=\"background-color: #ffffff; padding: 20px; border-radius: 12px; border: 1px solid #e5e7eb;\">\n<h4 style=\"margin-top: 0; color: #111827;\">\ud83c\udf0d Global Reach<\/h4>\n<p style=\"margin-bottom: 0; color: #4b5563;\">Pay your way in +30 currencies using +40 payment methods anywhere worldwide.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p>Browse our prepaid payment cards today \u2013 take control of your budget tomorrow.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Wondering how credit card interest works? Read our simple 2026 guide to understand APR, daily rates, and how prepaid payment cards help you avoid extra fees.<\/p>\n","protected":false},"author":49,"featured_media":38789,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"cos_headline_score":0,"cos_seo_score":0,"cos_headline_text":"How Does Credit Card Interest Work? Simple Guide","cos_headline_has_been_analyzed":false,"cos_last_analyzed_headline":[],"_hreflang_tags":"","footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false}}},"categories":[24],"tags":[],"class_list":["post-38802","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-smart-spending"],"jetpack_publicize_connections":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v20.4 (Yoast SEO v21.0) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How Does Credit Card Interest Work? Simple Guide<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.recharge.com\/blog\/en-gb\/how-does-credit-card-interest-work-simple-guide\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How Does Credit Card Interest Work? Simple Guide\" \/>\n<meta property=\"og:description\" content=\"Wondering how credit card interest works? Read our simple 2026 guide to understand APR, daily rates, and how prepaid payment cards help you avoid extra fees.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.recharge.com\/blog\/en-gb\/how-does-credit-card-interest-work-simple-guide\" \/>\n<meta property=\"og:site_name\" content=\"Recharge Blog\" \/>\n<meta property=\"article:published_time\" content=\"2026-04-15T09:08:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-15T09:49:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/creativegroup-blog-prd-eu-west-1-recharge-blog.s3.eu-west-1.amazonaws.com\/blog\/wp-content\/uploads\/2026\/04\/15110730\/hero-image-en-2.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"669\" \/>\n\t<meta property=\"og:image:height\" content=\"373\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Conor Byrne\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.recharge.com\/blog\/en-gb\/how-does-credit-card-interest-work-simple-guide\",\"url\":\"https:\/\/www.recharge.com\/blog\/en-gb\/how-does-credit-card-interest-work-simple-guide\",\"name\":\"How Does Credit Card Interest Work? Simple Guide\",\"isPartOf\":{\"@id\":\"https:\/\/www.recharge.com\/blog\/en-gb\/#website\"},\"datePublished\":\"2026-04-15T09:08:17+00:00\",\"dateModified\":\"2026-04-15T09:49:24+00:00\",\"author\":{\"@id\":\"https:\/\/www.recharge.com\/blog\/en-gb\/#\/schema\/person\/857508b94164c3cdc1f206b5c30d31a6\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.recharge.com\/blog\/en-gb\/how-does-credit-card-interest-work-simple-guide#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.recharge.com\/blog\/en-gb\/how-does-credit-card-interest-work-simple-guide\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.recharge.com\/blog\/en-gb\/how-does-credit-card-interest-work-simple-guide#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.recharge.com\/blog\/en-gb\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How Does Credit Card Interest Work? Simple Guide\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.recharge.com\/blog\/en-gb\/#website\",\"url\":\"https:\/\/www.recharge.com\/blog\/en-gb\/\",\"name\":\"Recharge Blog\",\"description\":\"Everything about online safety, smart spending &amp; your digital lifestyle.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.recharge.com\/blog\/en-gb\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.recharge.com\/blog\/en-gb\/#\/schema\/person\/857508b94164c3cdc1f206b5c30d31a6\",\"name\":\"Conor Byrne\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.recharge.com\/blog\/en-gb\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/624bd2d0a75e67e81c16920493bcda346cb5cfd0f77cfdff3a72413de0254eeb?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/624bd2d0a75e67e81c16920493bcda346cb5cfd0f77cfdff3a72413de0254eeb?s=96&d=mm&r=g\",\"caption\":\"Conor Byrne\"},\"description\":\"My passion for the e-commerce and fintech space started years ago with my first gaming console, giving me firsthand experience with the world of digital credit and top-ups. As a blog copywriter here at Recharge.com, I now get to use that insight to create clear, helpful content that makes navigating gift cards and online payments a breeze for our community.\",\"url\":\"https:\/\/www.recharge.com\/blog\/en-gb\/author\/conor-byrne\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How Does Credit Card Interest Work? Simple Guide","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.recharge.com\/blog\/en-gb\/how-does-credit-card-interest-work-simple-guide","og_locale":"en_GB","og_type":"article","og_title":"How Does Credit Card Interest Work? Simple Guide","og_description":"Wondering how credit card interest works? Read our simple 2026 guide to understand APR, daily rates, and how prepaid payment cards help you avoid extra fees.","og_url":"https:\/\/www.recharge.com\/blog\/en-gb\/how-does-credit-card-interest-work-simple-guide","og_site_name":"Recharge Blog","article_published_time":"2026-04-15T09:08:17+00:00","article_modified_time":"2026-04-15T09:49:24+00:00","og_image":[{"width":669,"height":373,"url":"https:\/\/creativegroup-blog-prd-eu-west-1-recharge-blog.s3.eu-west-1.amazonaws.com\/blog\/wp-content\/uploads\/2026\/04\/15110730\/hero-image-en-2.jpg","type":"image\/jpeg"}],"author":"Conor Byrne","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.recharge.com\/blog\/en-gb\/how-does-credit-card-interest-work-simple-guide","url":"https:\/\/www.recharge.com\/blog\/en-gb\/how-does-credit-card-interest-work-simple-guide","name":"How Does Credit Card Interest Work? Simple Guide","isPartOf":{"@id":"https:\/\/www.recharge.com\/blog\/en-gb\/#website"},"datePublished":"2026-04-15T09:08:17+00:00","dateModified":"2026-04-15T09:49:24+00:00","author":{"@id":"https:\/\/www.recharge.com\/blog\/en-gb\/#\/schema\/person\/857508b94164c3cdc1f206b5c30d31a6"},"breadcrumb":{"@id":"https:\/\/www.recharge.com\/blog\/en-gb\/how-does-credit-card-interest-work-simple-guide#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.recharge.com\/blog\/en-gb\/how-does-credit-card-interest-work-simple-guide"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.recharge.com\/blog\/en-gb\/how-does-credit-card-interest-work-simple-guide#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.recharge.com\/blog\/en-gb"},{"@type":"ListItem","position":2,"name":"How Does Credit Card Interest Work? Simple Guide"}]},{"@type":"WebSite","@id":"https:\/\/www.recharge.com\/blog\/en-gb\/#website","url":"https:\/\/www.recharge.com\/blog\/en-gb\/","name":"Recharge Blog","description":"Everything about online safety, smart spending &amp; your digital lifestyle.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.recharge.com\/blog\/en-gb\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/www.recharge.com\/blog\/en-gb\/#\/schema\/person\/857508b94164c3cdc1f206b5c30d31a6","name":"Conor Byrne","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.recharge.com\/blog\/en-gb\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/624bd2d0a75e67e81c16920493bcda346cb5cfd0f77cfdff3a72413de0254eeb?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/624bd2d0a75e67e81c16920493bcda346cb5cfd0f77cfdff3a72413de0254eeb?s=96&d=mm&r=g","caption":"Conor Byrne"},"description":"My passion for the e-commerce and fintech space started years ago with my first gaming console, giving me firsthand experience with the world of digital credit and top-ups. As a blog copywriter here at Recharge.com, I now get to use that insight to create clear, helpful content that makes navigating gift cards and online payments a breeze for our community.","url":"https:\/\/www.recharge.com\/blog\/en-gb\/author\/conor-byrne"}]}},"jetpack_featured_media_url":"https:\/\/creativegroup-blog-prd-eu-west-1-recharge-blog.s3.eu-west-1.amazonaws.com\/blog\/wp-content\/uploads\/2026\/04\/15110730\/hero-image-en-2.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.recharge.com\/blog\/en-gb\/wp-json\/wp\/v2\/posts\/38802","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.recharge.com\/blog\/en-gb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.recharge.com\/blog\/en-gb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.recharge.com\/blog\/en-gb\/wp-json\/wp\/v2\/users\/49"}],"replies":[{"embeddable":true,"href":"https:\/\/www.recharge.com\/blog\/en-gb\/wp-json\/wp\/v2\/comments?post=38802"}],"version-history":[{"count":7,"href":"https:\/\/www.recharge.com\/blog\/en-gb\/wp-json\/wp\/v2\/posts\/38802\/revisions"}],"predecessor-version":[{"id":38810,"href":"https:\/\/www.recharge.com\/blog\/en-gb\/wp-json\/wp\/v2\/posts\/38802\/revisions\/38810"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.recharge.com\/blog\/en-gb\/wp-json\/wp\/v2\/media\/38789"}],"wp:attachment":[{"href":"https:\/\/www.recharge.com\/blog\/en-gb\/wp-json\/wp\/v2\/media?parent=38802"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.recharge.com\/blog\/en-gb\/wp-json\/wp\/v2\/categories?post=38802"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.recharge.com\/blog\/en-gb\/wp-json\/wp\/v2\/tags?post=38802"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}