
    /* ── OSDC: Two-button payment selector ── */
    .osdc-btn-wrap {
        display: flex;
        gap: 8px;
        width: 100%;
        margin: 10px 0 4px;
        box-sizing: border-box;
    }
    .osdc-btn-stripe,
    .osdc-btn-store {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border-radius: 6px;
        padding: 11px 8px;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.3;
        cursor: pointer;
        transition: all 0.18s ease;
        border: 2px solid transparent;
        text-align: center;
        min-height: 56px;
    }
    /* Stripe button — blue */
    .osdc-btn-stripe {
        background: #2563eb;
        color: #fff !important;
        border-color: #2563eb;
    }
    .osdc-btn-stripe:hover,
    .osdc-btn-stripe:focus {
        background: #1d4ed8;
        border-color: #1d4ed8;
        outline: none;
    }
    /* Pay at Store button — blue outline matching stripe button */
    .osdc-btn-store {
        background: #2563eb;
        color: #fff !important;
        border-color: #2563eb;
    }
    .osdc-btn-store:hover,
    .osdc-btn-store:focus {
        background: #1d4ed8;
        border-color: #1d4ed8;
        outline: none;
    }
    /* Loading state */
    .osdc-btn-stripe.osdc-loading,
    .osdc-btn-store.osdc-loading {
        opacity: 0.65;
        pointer-events: none;
        cursor: not-allowed;
    }
    /*
     * BUG-11 FIX: Removed CSS :has() selector (unsupported Safari < 15.4, Firefox < 121).
     * Default WC checkout button is now hidden via JavaScript in osdc_scripts().
     */

    