:root {
    --bdp-red: #eb4b55;
    --bdp-red-dark: #c93640;
    --bdp-red-action: #c93640;
    --bdp-red-action-dark: #aa2d36;
    --bdp-red-soft: #fff2f3;
    --bdp-ink: #282d33;
    --bdp-copy: #59636e;
    --bdp-muted: #687580;
    --bdp-line: #dce1e6;
    --bdp-surface: #ffffff;
    --bdp-surface-alt: #f6f8f9;
    --bdp-page: #f2f4f5;
    --bdp-blue: #1674b8;
    --bdp-purple: #6746eb;
    --bdp-radius-sm: 10px;
    --bdp-radius-md: 16px;
    --bdp-radius-lg: 22px;
    --bdp-shadow-xs: 0 3px 12px rgba(29, 37, 45, .04);
    --bdp-shadow-sm: 0 12px 32px rgba(29, 37, 45, .065);
    --bdp-shadow-lg: 0 22px 48px rgba(29, 37, 45, .1);
    --bdp-shadow-card: 0 12px 32px rgba(29, 37, 45, .065);
    --bdp-shadow-hover: 0 17px 38px rgba(29, 37, 45, .1);
    --bdp-ease-out: cubic-bezier(.22, .61, .36, 1);
    --bdp-container: 1440px;
    --bdp-content: 1360px;
}

.belzhd-donate-standalone-page,
.belzhd-donate-standalone-page * {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body.belzhd-donate-standalone-page {
    margin: 0;
    background: var(--bdp-page);
    color: var(--bdp-ink);
    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 16px;
    line-height: 1.55;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

.belzhd-donate-standalone-page a {
    color: inherit;
    text-decoration: none;
}

.belzhd-donate-standalone-page button,
.belzhd-donate-standalone-page input,
.belzhd-donate-standalone-page select,
.belzhd-donate-standalone-page textarea {
    font: inherit;
}

.belzhd-donate-standalone-page img {
    max-width: 100%;
    height: auto;
}

.belzhd-donate-standalone-page :focus-visible {
    outline: 3px solid rgba(201, 54, 64, .56);
    outline-offset: 3px;
}

.bdp-site-shell {
    min-height: 100vh;
}

.bdp-visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.bdp-skip-link {
    position: fixed;
    inset: 12px auto auto 12px;
    z-index: 100000;
    padding: 11px 16px;
    border-radius: 8px;
    background: #fff;
    color: var(--bdp-ink);
    box-shadow: var(--bdp-shadow-sm);
    transform: translateY(-180%);
    transition: transform 160ms ease;
}

.bdp-skip-link:focus {
    transform: none;
}

.bdp-svg-icon {
    display: block;
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
    background-color: currentColor;
    -webkit-mask: var(--bdp-icon-mask) center / contain no-repeat;
    mask: var(--bdp-icon-mask) center / contain no-repeat;
    pointer-events: none;
}

.bdp-brand-icon {
    position: relative;
    z-index: 1;
    display: block;
    flex: 0 0 auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    pointer-events: none;
    user-select: none;
}

.bdp-brand-surface {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.bdp-icon-surface {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.bdp-icon-surface::after {
    position: absolute;
    inset: -42% auto auto -32%;
    z-index: 0;
    width: 76%;
    aspect-ratio: 1;
    border-radius: 50%;
    background: rgba(255, 255, 255, .58);
    content: "";
    pointer-events: none;
}

.bdp-icon-surface > .bdp-svg-icon,
.bdp-brand-surface > .bdp-brand-icon {
    position: relative;
    z-index: 1;
}

/* Header */

.bdp-site-header {
    position: sticky;
    top: 0;
    z-index: 999;
    border-bottom: 1px solid rgba(214, 220, 225, .9);
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 8px 30px rgba(26, 34, 42, .055);
    backdrop-filter: blur(16px);
}

.admin-bar .bdp-site-header {
    top: 32px;
}

.bdp-site-header__inner {
    display: flex;
    align-items: center;
    max-width: var(--bdp-container);
    min-height: 94px;
    margin: 0 auto;
    padding: 10px 26px;
    gap: 26px;
}

.bdp-site-logo {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    width: 294px;
    min-height: 62px;
}

.bdp-site-logo img {
    display: block;
    width: 100%;
    max-height: 70px;
    object-fit: contain;
    object-position: left center;
}

.bdp-site-logo.is-image-missing img,
.bdp-footer-logo.is-image-missing img {
    display: none;
}

.bdp-logo-fallback {
    display: inline-flex;
    align-items: center;
    min-height: 48px;
    color: var(--bdp-ink);
    font-size: 1.2rem;
    font-weight: 850;
    letter-spacing: .08em;
}

.bdp-site-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 0;
    margin-left: auto;
    gap: 5px;
}

.bdp-site-nav a {
    position: relative;
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 9px 13px;
    border-radius: 10px;
    color: #505861;
    font-size: .88rem;
    font-weight: 720;
    line-height: 1.2;
    white-space: nowrap;
    transition: color 170ms ease, background-color 170ms ease, transform 170ms ease;
}

.bdp-site-nav a:hover,
.bdp-site-nav a:focus-visible {
    background: #f2f5f6;
    color: var(--bdp-ink);
}

.bdp-site-nav__about {
    border: 1px solid rgba(63, 72, 82, .13);
    background: #fafbfb;
}

.bdp-site-nav a.bdp-site-nav__donate {
    min-height: 48px;
    margin-left: 7px;
    padding-inline: 20px;
    background: var(--bdp-red-action);
    color: #fff;
    box-shadow: 0 10px 24px rgba(235, 75, 85, .24);
}

.bdp-site-nav a.bdp-site-nav__donate:hover,
.bdp-site-nav a.bdp-site-nav__donate:focus-visible {
    background: var(--bdp-red-action-dark);
    color: #fff;
    transform: translateY(-1px);
}

.bdp-menu-toggle {
    display: none;
    align-items: center;
    min-width: 92px;
    min-height: 48px;
    margin-left: auto;
    padding: 8px 12px;
    gap: 10px;
    border: 1px solid var(--bdp-line);
    border-radius: 12px;
    background: #fff;
    color: var(--bdp-ink);
    cursor: pointer;
}

.bdp-menu-toggle__lines {
    display: grid;
    width: 24px;
    gap: 5px;
}

.bdp-menu-toggle__lines span {
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
    transition: transform 180ms ease, opacity 180ms ease;
}

.bdp-menu-toggle__text {
    font-weight: 700;
}

/* Layout */

.bdp-page {
    min-height: 70vh;
    padding: 22px 0 72px;
}

.bdp-container {
    width: min(calc(100% - 36px), var(--bdp-content));
    margin: 0 auto;
}

.bdp-eyebrow {
    position: relative;
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    max-width: 100%;
    padding: 5px 12px 5px 10px;
    gap: 6px;
    border: 1px solid rgba(235, 75, 85, .3);
    border-radius: 999px;
    background: rgba(255, 246, 247, .92);
    color: var(--bdp-red-dark);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .075em;
    line-height: 1.2;
    text-transform: uppercase;
    white-space: nowrap;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .9),
        0 4px 12px rgba(125, 41, 48, .045);
}

.bdp-eyebrow > .bdp-svg-icon {
    width: 14px;
    height: 14px;
    stroke-width: 2.1;
}

.bdp-eyebrow--light {
    border-color: rgba(255, 255, 255, .36);
    background: rgba(255, 255, 255, .72);
    color: var(--bdp-red-dark);
}

.bdp-eyebrow--crypto {
    border-color: rgba(103, 70, 235, .24);
    background: #f6f2ff;
    color: #5b3dd5;
}

.bdp-thanks .bdp-eyebrow--light {
    border-color: rgba(255, 255, 255, .24);
    background: rgba(255, 255, 255, .1);
    color: #fff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

.bdp-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 13px 20px;
    gap: 10px;
    border: 1px solid transparent;
    border-radius: 12px;
    font-size: .91rem;
    font-weight: 790;
    line-height: 1.2;
    text-align: center;
    cursor: pointer;
    transition:
        transform 180ms ease,
        box-shadow 180ms ease,
        background-color 180ms ease,
        border-color 180ms ease;
}

.bdp-button .bdp-svg-icon {
    width: 19px;
    height: 19px;
}

.bdp-button:hover,
.bdp-button:focus-visible {
    transform: translateY(-2px);
}

.belzhd-donate-standalone-page a.bdp-button--primary {
    background: var(--bdp-red-action);
    color: #fff;
    box-shadow: 0 12px 28px rgba(235, 75, 85, .23);
}

.belzhd-donate-standalone-page a.bdp-button--primary:hover,
.belzhd-donate-standalone-page a.bdp-button--primary:focus-visible {
    background: var(--bdp-red-action-dark);
    color: #fff;
    box-shadow: 0 15px 34px rgba(201, 54, 64, .28);
}

.belzhd-donate-standalone-page a.bdp-button--secondary {
    border-color: #ced6dc;
    background: #fff;
    color: #38414a;
    box-shadow: var(--bdp-shadow-xs);
}

.belzhd-donate-standalone-page a.bdp-button--secondary:hover,
.belzhd-donate-standalone-page a.bdp-button--secondary:focus-visible {
    border-color: #aeb9c2;
    background: #f9fafb;
    color: #262d34;
}

/* Tor */

.bdp-tor-strip {
    display: grid;
    grid-template-columns: minmax(270px, .62fr) minmax(0, 1.38fr);
    align-items: center;
    min-height: 84px;
    margin: 0 0 20px;
    padding: 13px 16px;
    gap: 20px;
    border: 1px solid #ddd4e7;
    border-left: 4px solid #7f56a5;
    border-radius: 18px;
    background:
        linear-gradient(120deg, rgba(252, 250, 255, .98), rgba(255, 255, 255, .98));
    box-shadow: var(--bdp-shadow-xs);
}

.bdp-tor-strip__intro {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    align-items: center;
    min-width: 0;
    gap: 11px;
}

.bdp-tor-strip__logo {
    display: grid;
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    place-items: center;
    border: 1px solid #e1d8ef;
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 5px 14px rgba(75, 49, 101, .065);
}

.bdp-tor-strip__logo .bdp-brand-icon {
    width: 26px;
    height: 26px;
    object-fit: contain;
}

.bdp-tor-strip__logo.is-image-missing .bdp-brand-icon {
    display: none;
}

.bdp-tor-logo-fallback {
    color: #68437d;
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: -.02em;
}

.bdp-tor-strip__text {
    min-width: 0;
}

.bdp-tor-strip__text p {
    margin: 0;
    color: #554c5e;
    font-size: .76rem;
    line-height: 1.42;
}

.bdp-tor-strip__text strong {
    color: #4f3a61;
}

.bdp-tor-strip__text small {
    display: block;
    margin-top: 3px;
    color: #756b7e;
    font-size: .68rem;
    line-height: 1.4;
}

.bdp-tor-strip__address {
    min-width: 0;
}

/* Copy field */

.bdp-copy-field {
    min-width: 0;
}

.bdp-copy-field__label {
    display: block;
    margin: 0 0 7px 2px;
    color: #68737d;
    font-size: .66rem;
    font-weight: 850;
    letter-spacing: .09em;
    line-height: 1.25;
    text-transform: uppercase;
}

.bdp-copy-field__row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: stretch;
    gap: 10px;
}

.bdp-copy-field__row code {
    display: flex;
    align-items: center;
    min-width: 0;
    min-height: 52px;
    padding: 12px 15px;
    border: 1px solid #d4dce2;
    border-radius: 11px;
    background: #f7f9fa;
    color: #3f4953;
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
    font-size: .76rem;
    font-weight: 670;
    line-height: 1.45;
    overflow-wrap: anywhere;
    transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

.bdp-copy {
    display: inline-grid;
    grid-template-columns: 20px auto;
    align-items: center;
    justify-content: center;
    min-width: 142px;
    min-height: 52px;
    padding: 11px 16px;
    gap: 9px;
    border: 1px solid #ccd5dc;
    border-radius: 11px;
    background: #fff;
    color: #4d5964;
    font-size: .82rem;
    font-weight: 720;
    cursor: pointer;
    box-shadow: 0 6px 16px rgba(33, 43, 52, .05);
    transition:
        border-color 180ms ease,
        color 180ms ease,
        background-color 180ms ease,
        box-shadow 180ms ease,
        transform 180ms var(--bdp-ease-out);
}

.bdp-copy .bdp-copy__icon {
    grid-area: 1 / 1;
    width: 19px;
    height: 19px;
    transition: opacity 160ms ease, transform 180ms var(--bdp-ease-out);
}

.bdp-copy__icon--copy {
    opacity: 1;
    transform: scale(1);
}

.bdp-copy__icon--check {
    opacity: 0;
    transform: scale(.55) rotate(-8deg);
}

.bdp-copy__label {
    grid-column: 2;
    min-width: 0;
}

.bdp-copy:hover,
.bdp-copy:focus-visible {
    border-color: #9facb7;
    background: #fafbfc;
    color: #2e3740;
    box-shadow: 0 9px 20px rgba(33, 43, 52, .08);
    transform: translateY(-1px);
}

.bdp-copy.is-copied {
    border-color: #69a780;
    background: #f1fbf4;
    color: #287146;
    box-shadow: 0 8px 20px rgba(40, 113, 70, .1);
}

.bdp-copy.is-copied .bdp-copy__icon--copy {
    opacity: 0;
    transform: scale(.55) rotate(8deg);
}

.bdp-copy.is-copied .bdp-copy__icon--check {
    opacity: 1;
    transform: scale(1) rotate(0);
}

.bdp-copy:active {
    transform: translateY(0) scale(.985);
}

.bdp-copy-field__row.is-copied code,
.bdp-copy-field__row code.is-copied {
    border-color: rgba(74, 154, 101, .5);
    background: #f5fcf7;
    box-shadow: 0 0 0 3px rgba(74, 154, 101, .09);
}

/* Hero */

.bdp-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.22fr) minmax(250px, .78fr);
    align-items: center;
    min-height: 390px;
    margin-bottom: 20px;
    padding: clamp(34px, 4.2vw, 58px);
    gap: 34px;
    border: 1px solid #e1e5e8;
    border-radius: var(--bdp-radius-lg);
    background:
        radial-gradient(circle at 84% 18%, rgba(235, 75, 85, .13), transparent 28%),
        radial-gradient(circle at 74% 86%, rgba(103, 70, 235, .08), transparent 29%),
        linear-gradient(135deg, #fff 10%, #fdfcfc 62%, #fff7f7 100%);
    box-shadow: var(--bdp-shadow-sm);
    overflow: hidden;
}

.bdp-hero::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: linear-gradient(180deg, var(--bdp-red), #f28b92);
    content: "";
}

.bdp-hero__content {
    position: relative;
    z-index: 2;
    max-width: 820px;
}

.bdp-hero h1 {
    max-width: 850px;
    margin: 18px 0 18px;
    color: #22272d;
    font-size: clamp(2.3rem, 4.2vw, 3.85rem);
    font-weight: 860;
    letter-spacing: -.055em;
    line-height: .99;
}

.bdp-hero__text p {
    max-width: 800px;
    margin: 0;
    color: #5d6873;
    font-size: clamp(1rem, 1.55vw, 1.18rem);
    line-height: 1.7;
}

.bdp-hero__note {
    margin: 15px 0 0;
    color: #3d4650;
    font-size: .92rem;
    font-weight: 720;
}

.bdp-hero__actions {
    display: flex;
    flex-wrap: wrap;
    margin-top: 23px;
    gap: 11px;
}

.bdp-hero__visual {
    position: relative;
    width: min(100%, 390px);
    aspect-ratio: 1;
    justify-self: center;
}

.bdp-hero__halo,
.bdp-hero__orbit,
.bdp-hero__spark,
.bdp-hero__heart {
    position: absolute;
}

.bdp-hero__halo {
    inset: 14%;
    border-radius: 50%;
    background:
        radial-gradient(circle at 36% 30%, #fff 0 8%, transparent 9%),
        linear-gradient(145deg, #fff1f2, #f3efff);
    box-shadow:
        inset 0 0 0 1px rgba(235, 75, 85, .12),
        0 32px 70px rgba(82, 49, 57, .14);
}

.bdp-hero__heart {
    inset: 31%;
    display: grid;
    place-items: center;
    border-radius: 32%;
    background: linear-gradient(145deg, #f45b65, #d73a45);
    color: #fff;
    box-shadow:
        0 22px 44px rgba(211, 55, 66, .28),
        inset 0 1px 0 rgba(255, 255, 255, .35);
    transform: rotate(-5deg);
}

.bdp-hero__heart .bdp-svg-icon {
    width: 50%;
    height: 50%;
    stroke-width: 1.45;
    transform: rotate(5deg);
}

.bdp-hero__orbit {
    inset: 6%;
    border: 1px solid rgba(104, 70, 130, .12);
    border-radius: 50%;
}

.bdp-hero__orbit--two {
    inset: 1%;
    border-style: dashed;
    transform: rotate(22deg);
}

.bdp-hero__spark {
    width: 13px;
    height: 13px;
    border: 3px solid #ee7880;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 6px 14px rgba(235, 75, 85, .2);
}

.bdp-hero__spark--one {
    top: 13%;
    left: 23%;
}

.bdp-hero__spark--two {
    right: 11%;
    bottom: 31%;
    width: 10px;
    height: 10px;
    border-color: #8667e9;
}

.bdp-hero__spark--three {
    bottom: 10%;
    left: 32%;
    width: 8px;
    height: 8px;
}

/* Quick method selector */

.bdp-method-guide {
    display: grid;
    grid-template-columns: minmax(210px, .38fr) minmax(0, 1.62fr);
    align-items: center;
    margin: 0 0 20px;
    padding: 18px;
    gap: 22px;
    border: 1px solid var(--bdp-line);
    border-radius: var(--bdp-radius-md);
    background: linear-gradient(135deg, #fff, #f8fafb);
    box-shadow: var(--bdp-shadow-xs);
}

.bdp-method-guide__intro h2 {
    margin: 12px 0 7px;
    font-size: 1.23rem;
    letter-spacing: -.025em;
    line-height: 1.2;
}

.bdp-method-guide__intro p {
    margin: 0;
    color: #6d7882;
    font-size: .78rem;
    line-height: 1.5;
}

.bdp-method-guide__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0;
    padding: 0;
    gap: 10px;
    list-style: none;
}

.bdp-method-guide__grid--1 {
    grid-template-columns: minmax(0, 1fr);
}

.bdp-method-guide__grid--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bdp-method-guide__grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.bdp-method-choice {
    --bdp-choice: 99, 107, 117;
    --bdp-choice-ink: #46515b;
    position: relative;
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) 18px;
    align-items: center;
    min-height: 112px;
    padding: 13px;
    gap: 10px;
    border: 1px solid rgba(var(--bdp-choice), .2);
    border-radius: 13px;
    background: rgba(var(--bdp-choice), .035);
    color: #30373e;
    isolation: isolate;
    overflow: hidden;
    transition:
        transform 180ms ease,
        border-color 180ms ease,
        background-color 180ms ease,
        box-shadow 180ms ease;
}

.bdp-method-choice::before {
    position: absolute;
    inset: 0 auto 0 0;
    z-index: -1;
    width: 3px;
    background: rgb(var(--bdp-choice));
    content: "";
    opacity: .75;
    transition: width 180ms ease;
}

.bdp-method-choice--card {
    --bdp-choice: 235, 75, 85;
    --bdp-choice-ink: #b9313a;
}

.bdp-method-choice--paypal {
    --bdp-choice: 24, 115, 177;
    --bdp-choice-ink: #0f659d;
}

.bdp-method-choice--coffee {
    --bdp-choice: 192, 137, 15;
    --bdp-choice-ink: #785500;
}

.bdp-method-choice--crypto {
    --bdp-choice: 103, 70, 235;
    --bdp-choice-ink: #5b3dd5;
}

.bdp-method-choice:hover,
.bdp-method-choice:focus-visible,
.bdp-method-choice.is-selected {
    border-color: rgba(var(--bdp-choice), .43);
    background: rgba(var(--bdp-choice), .075);
    box-shadow: 0 11px 25px rgba(var(--bdp-choice), .12);
    transform: translateY(-2px);
}

.bdp-method-choice:hover::before,
.bdp-method-choice:focus-visible::before,
.bdp-method-choice.is-selected::before {
    width: 5px;
}

.bdp-method-choice__icon {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border-radius: 11px;
    background: #fff;
    color: var(--bdp-choice-ink);
    box-shadow: 0 5px 14px rgba(var(--bdp-choice), .1);
    transition: transform 260ms var(--bdp-ease-out), box-shadow 260ms ease;
}

.bdp-method-choice__icon .bdp-svg-icon {
    width: 21px;
    height: 21px;
}

.bdp-method-choice__icon .bdp-brand-icon {
    width: 24px;
    height: 24px;
}

.bdp-method-choice--paypal .bdp-method-choice__icon {
    border: 1px solid #d8e8f7;
    background: linear-gradient(145deg, #fff, #eef7ff);
    box-shadow: 0 6px 15px rgba(0, 41, 145, .11);
}

.bdp-method-choice--coffee .bdp-method-choice__icon {
    border: 1px solid #f0cd2d;
    background: #ffdd00;
    box-shadow: 0 6px 15px rgba(137, 103, 0, .13);
}

.bdp-method-choice__copy,
.bdp-method-choice__copy strong,
.bdp-method-choice__copy small,
.bdp-method-choice__meta {
    display: block;
    min-width: 0;
}

.bdp-method-choice__meta {
    display: flex;
    align-items: center;
    margin-bottom: 3px;
    gap: 5px;
    color: var(--bdp-choice-ink);
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .075em;
    line-height: 1.2;
    text-transform: uppercase;
}

.bdp-method-choice__meta::before {
    display: block;
    flex: 0 0 auto;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: currentColor;
    content: "";
}

.bdp-method-choice__copy strong {
    font-size: .84rem;
    line-height: 1.25;
}

.bdp-method-choice__copy small {
    margin-top: 3px;
    color: #66727d;
    font-size: .72rem;
    line-height: 1.4;
}

.bdp-method-choice__arrow {
    color: var(--bdp-choice-ink);
    opacity: .82;
    transition: transform 180ms ease;
}

.bdp-method-choice__arrow .bdp-svg-icon {
    width: 19px;
    height: 19px;
}

.bdp-method-choice:hover .bdp-method-choice__arrow,
.bdp-method-choice:focus-visible .bdp-method-choice__arrow,
.bdp-method-choice.is-selected .bdp-method-choice__arrow {
    transform: translateX(2px);
}

#bdp-card-payment,
#bdp-paypal-method,
#bdp-coffee-method,
#bdp-crypto {
    scroll-margin-top: 124px;
}

#bdp-card-payment {
    --bdp-target: 235, 75, 85;
}

#bdp-paypal-method {
    --bdp-target: 24, 115, 177;
}

#bdp-coffee-method {
    --bdp-target: 192, 137, 15;
}

#bdp-crypto {
    --bdp-target: 103, 70, 235;
}

#bdp-card-payment.is-method-target,
#bdp-paypal-method.is-method-target,
#bdp-coffee-method.is-method-target,
#bdp-crypto.is-method-target {
    border-color: rgba(var(--bdp-target), .46);
    outline: 2px solid rgba(var(--bdp-target), .34);
    outline-offset: 3px;
    box-shadow:
        0 0 0 5px rgba(var(--bdp-target), .065),
        0 22px 54px rgba(var(--bdp-target), .14);
    animation: bdp-target-focus 520ms cubic-bezier(.22, .61, .36, 1) both;
}

@keyframes bdp-target-focus {
    0% {
        transform: translateY(10px);
    }
    100% {
        transform: none;
    }
}

/* Payment warning */

.bdp-payment-warning {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    margin: 0 0 20px;
    padding: 22px 24px;
    gap: 17px;
    border: 1px solid #ead8b7;
    border-left: 4px solid #d58a31;
    border-radius: var(--bdp-radius-md);
    background:
        linear-gradient(135deg, rgba(255, 251, 242, .98), rgba(255, 248, 242, .98));
    box-shadow: var(--bdp-shadow-xs);
}

.bdp-payment-warning__icon {
    display: grid;
    width: 58px;
    height: 58px;
    place-items: center;
    border-radius: 15px;
    background: #fff;
    color: #c96e27;
    box-shadow: 0 7px 18px rgba(157, 99, 34, .1);
}

.bdp-payment-warning__icon .bdp-svg-icon {
    width: 27px;
    height: 27px;
}

.bdp-payment-warning__eyebrow {
    display: block;
    margin: 0 0 4px;
    color: #a65b20;
    font-size: .69rem;
    font-weight: 850;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.bdp-payment-warning h2 {
    margin: 0 0 7px;
    color: #46382d;
    font-size: 1.12rem;
    letter-spacing: -.02em;
}

.bdp-payment-warning p {
    margin: 4px 0 0;
    color: #695c51;
    font-size: .84rem;
    line-height: 1.58;
}

.bdp-payment-warning strong {
    color: #8b3c2f;
}

/* Donation form */

.bdp-donation-card {
    display: grid;
    grid-template-columns: minmax(290px, 330px) minmax(0, 1fr);
    margin-bottom: 40px;
    border: 1px solid #dfdfe4;
    border-top: 5px solid var(--bdp-red);
    border-radius: var(--bdp-radius-lg);
    background: #fff;
    box-shadow: var(--bdp-shadow-lg);
}

.bdp-donation-card__intro {
    padding: clamp(26px, 3.2vw, 38px);
    border-right: 1px solid #eadfe1;
    border-radius: 0 0 0 19px;
    background:
        radial-gradient(circle at 20% 12%, rgba(255, 255, 255, .9), transparent 30%),
        linear-gradient(155deg, #fff7f7, #f7eff1);
}

.bdp-donation-card__intro h2 {
    margin: 18px 0 13px;
    color: #2c2930;
    font-size: clamp(1.6rem, 2.25vw, 2.05rem);
    font-weight: 840;
    letter-spacing: -.045em;
    line-height: 1.08;
}

.bdp-donation-card__intro > p {
    margin: 0;
    color: #665e67;
    font-size: .92rem;
    line-height: 1.68;
}

.bdp-trust-list {
    display: grid;
    margin: 22px 0 0;
    padding: 0;
    gap: 11px;
    list-style: none;
}

.bdp-trust-list li {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    align-items: start;
    padding: 12px;
    gap: 11px;
    border: 1px solid rgba(206, 173, 178, .32);
    border-radius: 12px;
    background: rgba(255, 255, 255, .66);
}

.bdp-trust-list__icon {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border-radius: 10px;
    background: #fff;
    color: #d7444e;
    box-shadow: 0 5px 12px rgba(100, 56, 62, .08);
}

.bdp-trust-list__icon .bdp-svg-icon {
    width: 19px;
    height: 19px;
}

.bdp-trust-list strong,
.bdp-trust-list small {
    display: block;
}

.bdp-trust-list strong {
    color: #3a363c;
    font-size: .79rem;
    line-height: 1.35;
}

.bdp-trust-list small {
    margin-top: 2px;
    color: #6b626a;
    font-size: .75rem;
    line-height: 1.45;
}

.bdp-donation-card__form {
    min-width: 0;
    padding: clamp(24px, 3.5vw, 42px);
}

.bdp-donation-card__form-head {
    display: flex;
    align-items: center;
    margin-bottom: 22px;
    gap: 12px;
}

.bdp-donation-card__form-icon {
    display: grid;
    width: 50px;
    height: 50px;
    place-items: center;
    border-radius: 13px;
    background: var(--bdp-red-soft);
    color: var(--bdp-red);
}

.bdp-donation-card__form-icon .bdp-svg-icon {
    width: 24px;
    height: 24px;
}

.bdp-donation-card__form-head span,
.bdp-donation-card__form-head strong {
    display: block;
}

.bdp-donation-card__form-head div > span {
    color: #8a6266;
    font-size: .65rem;
    font-weight: 850;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.bdp-donation-card__form-head strong {
    margin-top: 2px;
    color: #343a40;
    font-size: .95rem;
}

.bdp-charitable-shell {
    position: relative;
    min-width: 0;
}

#bdp-charitable-form-shell {
    --charitable-button-bg: var(--bdp-red-action);
    --charitable-button-text-color: #fff;
    --charitable-button-border-radius: 12px;
    --charitable-button-padding-y: 14px;
    --charitable-button-padding-x: 22px;
    --charitable-button-font-size: .96rem;
    --charitable-button-font-weight: 800;
}

.bdp-payment-privacy {
    display: flex;
    align-items: flex-start;
    margin: 20px 0 0;
    padding: 12px 14px;
    gap: 9px;
    border: 1px solid #dfe5e9;
    border-radius: 11px;
    background: #f7f9fa;
    color: #6d7781;
    font-size: .76rem;
    line-height: 1.5;
}

.bdp-payment-privacy .bdp-svg-icon {
    width: 18px;
    height: 18px;
    margin-top: 1px;
    color: #697783;
}

.bdp-system-message {
    display: grid;
    min-height: 180px;
    padding: 24px;
    place-content: center;
    gap: 7px;
    border: 1px solid #e1d7c8;
    border-radius: 14px;
    background: #fffaf2;
    color: #5e554b;
    text-align: center;
}

.bdp-system-message strong {
    font-size: 1rem;
}

.bdp-system-message span,
.bdp-system-message small {
    font-size: .8rem;
}

.bdp-system-message small {
    margin-top: 8px;
    padding-top: 10px;
    border-top: 1px solid #e9dfd0;
}

/* Compact warning inside the payment card */

.bdp-donation-card__intro .bdp-payment-warning {
    grid-template-columns: 38px minmax(0, 1fr);
    margin: 22px 0 0;
    padding: 14px;
    gap: 11px;
    border: 1px solid rgba(180, 99, 36, .24);
    border-left: 3px solid #d58a31;
    border-radius: 12px;
    background: rgba(255, 251, 242, .78);
    box-shadow: none;
}

.bdp-donation-card__intro .bdp-payment-warning__icon {
    width: 38px;
    height: 38px;
    border-radius: 10px;
}

.bdp-donation-card__intro .bdp-payment-warning__icon .bdp-svg-icon {
    width: 19px;
    height: 19px;
}

.bdp-donation-card__intro .bdp-payment-warning h2,
.bdp-donation-card__intro .bdp-payment-warning h3 {
    margin-bottom: 5px;
    font-size: .88rem;
}

.bdp-donation-card__intro .bdp-payment-warning p {
    font-size: .77rem;
    line-height: 1.5;
}

/* Graceful state when the Charitable campaign is closed or unavailable */

.bdp-donation-unavailable {
    display: grid;
    grid-template-columns: 68px minmax(0, 1fr);
    align-items: center;
    margin: 0 0 40px;
    padding: clamp(24px, 3.5vw, 40px);
    gap: 20px;
    border: 1px solid #e2d9cc;
    border-top: 4px solid #d58a31;
    border-radius: var(--bdp-radius-lg);
    background:
        radial-gradient(circle at 96% 0, rgba(213, 138, 49, .08), transparent 34%),
        #fff;
    box-shadow: var(--bdp-shadow-sm);
}

.bdp-donation-unavailable__icon {
    display: grid;
    width: 68px;
    height: 68px;
    place-items: center;
    border-radius: 18px;
    background: #fff7eb;
    color: #b56a24;
    box-shadow: inset 0 0 0 1px rgba(181, 106, 36, .13);
}

.bdp-donation-unavailable__icon .bdp-svg-icon {
    width: 30px;
    height: 30px;
}

.bdp-donation-unavailable__copy h2 {
    margin: 5px 0 6px;
    color: #343a40;
    font-size: clamp(1.35rem, 2.2vw, 1.8rem);
    letter-spacing: -.035em;
    line-height: 1.15;
}

.bdp-donation-unavailable__copy p {
    max-width: 720px;
    margin: 0;
    color: #66727d;
    font-size: .86rem;
    line-height: 1.58;
}

/* Charitable, scoped to this page */

.bdp-charitable-shell .charitable-donation-form,
.bdp-charitable-shell .charitable-visual-donation-form,
.bdp-charitable-shell form {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    background: transparent;
    color: var(--bdp-ink);
}

.bdp-charitable-shell .charitable-form-fields,
.bdp-charitable-shell .charitable-form-field,
.bdp-charitable-shell .charitable-fieldset,
.bdp-charitable-shell fieldset {
    min-width: 0;
}

.bdp-charitable-shell fieldset,
.bdp-charitable-shell .charitable-fieldset {
    margin: 0 0 18px;
    padding: 0;
    border: 0;
}

.bdp-charitable-shell .charitable-form-header,
.bdp-charitable-shell .charitable-form-subheader,
.bdp-charitable-shell legend {
    width: 100%;
    margin: 0 0 12px;
    padding: 0;
    color: #3a4148;
    font-size: .88rem;
    font-weight: 800;
    line-height: 1.35;
}

.bdp-charitable-shell .charitable-form-field {
    margin-bottom: 17px;
}

.bdp-charitable-shell .charitable-form-field label,
.bdp-charitable-shell .charitable-field-label,
.bdp-charitable-shell label {
    color: #444c54;
    font-size: .79rem;
    font-weight: 720;
    line-height: 1.45;
}

.bdp-charitable-shell .required,
.bdp-charitable-shell abbr.required {
    color: var(--bdp-red);
    text-decoration: none;
}

.bdp-charitable-shell a:not(.button):not(.charitable-button):not(.charitable-donate-button) {
    color: #a52f39;
    font-weight: 700;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.bdp-charitable-shell a:not(.button):not(.charitable-button):not(.charitable-donate-button):hover {
    color: var(--bdp-red-dark);
    text-decoration-thickness: 2px;
}

.bdp-charitable-shell input[type="text"],
.bdp-charitable-shell input[type="email"],
.bdp-charitable-shell input[type="tel"],
.bdp-charitable-shell input[type="number"],
.bdp-charitable-shell input[type="password"],
.bdp-charitable-shell select,
.bdp-charitable-shell textarea,
.bdp-charitable-shell .StripeElement {
    width: 100%;
    min-height: 52px;
    margin: 6px 0 0;
    padding: 12px 14px;
    border: 1px solid #ced7de;
    border-radius: 11px;
    background: #fff;
    color: #343c44;
    font-size: .88rem;
    line-height: 1.4;
    box-shadow: inset 0 1px 2px rgba(26, 34, 42, .025);
    transition: border-color 170ms ease, box-shadow 170ms ease, background-color 170ms ease;
}

.bdp-charitable-shell input::placeholder,
.bdp-charitable-shell textarea::placeholder {
    color: #66727d;
    opacity: 1;
}

.bdp-charitable-shell input[type="text"]:focus,
.bdp-charitable-shell input[type="email"]:focus,
.bdp-charitable-shell input[type="tel"]:focus,
.bdp-charitable-shell input[type="number"]:focus,
.bdp-charitable-shell input[type="password"]:focus,
.bdp-charitable-shell select:focus,
.bdp-charitable-shell textarea:focus,
.bdp-charitable-shell .StripeElement--focus {
    border-color: rgba(235, 75, 85, .72);
    outline: 0;
    box-shadow: 0 0 0 4px rgba(235, 75, 85, .1);
}

.bdp-charitable-shell input:not([type="radio"]):not([type="checkbox"]):focus-visible,
.bdp-charitable-shell select:focus-visible,
.bdp-charitable-shell textarea:focus-visible {
    outline: 2px solid #075985;
    outline-offset: 2px;
    box-shadow: 0 0 0 4px rgba(7, 89, 133, .12);
}

.bdp-charitable-shell input[type="radio"],
.bdp-charitable-shell input[type="checkbox"] {
    width: 18px;
    height: 18px;
    min-width: 18px;
    margin: 0;
    accent-color: var(--bdp-red);
}

.bdp-charitable-shell .charitable-donor-name-fields-container,
.bdp-charitable-shell .charitable-fieldset-fields,
.bdp-charitable-shell .charitable-form-fieldset-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.bdp-charitable-shell .charitable-donor-name-fields-container > *,
.bdp-charitable-shell .charitable-fieldset-fields > *,
.bdp-charitable-shell .charitable-form-fieldset-fields > * {
    min-width: 0;
}

.bdp-charitable-shell ul.donation-amounts,
.bdp-charitable-shell ul.recurring-donation-options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0 0 12px;
    padding: 0;
    gap: 9px;
    list-style: none;
}

.bdp-charitable-shell ul.donation-amounts > li,
.bdp-charitable-shell ul.recurring-donation-options > li {
    width: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
}

.bdp-charitable-shell ul.donation-amounts > li > label,
.bdp-charitable-shell ul.recurring-donation-options > li > label {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 58px;
    margin: 0;
    padding: 11px 13px;
    gap: 9px;
    border: 1px solid #d6dde3;
    border-radius: 11px;
    background: #f9fafb;
    color: #3e4750;
    cursor: pointer;
    transition: border-color 170ms ease, background-color 170ms ease, box-shadow 170ms ease;
}

.bdp-charitable-shell ul.donation-amounts > li.selected > label,
.bdp-charitable-shell ul.recurring-donation-options > li.selected > label,
.bdp-charitable-shell ul.donation-amounts > li:focus-within > label,
.bdp-charitable-shell ul.recurring-donation-options > li:focus-within > label {
    border-color: rgba(235, 75, 85, .6);
    background: var(--bdp-red-soft);
    box-shadow: 0 0 0 3px rgba(235, 75, 85, .08);
}

.bdp-charitable-shell .donation-amount .amount {
    color: #30373e;
    font-size: .95rem;
    font-weight: 830;
    white-space: nowrap;
}

.bdp-charitable-shell .donation-amount .description {
    color: #687580;
    font-size: .72rem;
    font-weight: 560;
    line-height: 1.35;
}

.bdp-charitable-shell .custom-donation-amount-wrapper {
    display: grid;
    grid-template-columns: minmax(120px, auto) minmax(0, 1fr);
    align-items: center;
    gap: 9px;
}

.bdp-charitable-shell .custom-donation-input {
    margin-top: 0 !important;
}

.bdp-charitable-shell .charitable-payment-methods,
.bdp-charitable-shell .charitable-gateway-fields {
    margin: 0;
    padding: 0;
}

.bdp-charitable-shell .charitable-gateway-selector,
.bdp-charitable-shell .charitable-payment-method {
    display: flex;
    align-items: center;
    min-height: 52px;
    padding: 11px 13px;
    gap: 9px;
    border: 1px solid #d7dee3;
    border-radius: 11px;
    background: #f9fafb;
}

.bdp-charitable-shell .charitable-submit-field {
    margin: 22px 0 0;
    text-align: center;
}

#bdp-charitable-form-shell.bdp-charitable-shell .charitable-visual-donation-form .charitable-form-field.charitable-submit-field button.charitable-donate-button-submit:not(.disabled-for-recurring):not([disabled]),
#bdp-charitable-form-shell.bdp-charitable-shell .charitable-submit-field button[type="submit"]:not(.disabled-for-recurring):not([disabled]),
#bdp-charitable-form-shell.bdp-charitable-shell .charitable-submit-field input[type="submit"]:not(.disabled-for-recurring):not([disabled]) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 56px;
    padding: 14px 22px;
    border: 1px solid var(--bdp-red-action) !important;
    border-radius: 12px;
    background: var(--bdp-red-action) !important;
    color: #fff !important;
    font-size: .96rem;
    font-weight: 800;
    line-height: 1.2;
    cursor: pointer;
    box-shadow: 0 12px 27px rgba(235, 75, 85, .22);
    transition: transform 170ms ease, background-color 170ms ease, box-shadow 170ms ease;
}

#bdp-charitable-form-shell.bdp-charitable-shell .charitable-visual-donation-form .charitable-form-field.charitable-submit-field button.charitable-donate-button-submit:not(.disabled-for-recurring):not([disabled]):hover,
#bdp-charitable-form-shell.bdp-charitable-shell .charitable-submit-field button[type="submit"]:not(.disabled-for-recurring):not([disabled]):hover,
#bdp-charitable-form-shell.bdp-charitable-shell .charitable-submit-field input[type="submit"]:not(.disabled-for-recurring):not([disabled]):hover {
    border-color: var(--bdp-red-action-dark) !important;
    background: var(--bdp-red-action-dark) !important;
    color: #fff !important;
    box-shadow: 0 15px 32px rgba(201, 54, 64, .27);
    transform: translateY(-1px);
}

.bdp-charitable-shell button[disabled],
.bdp-charitable-shell input[disabled],
.bdp-charitable-shell .is-loading {
    cursor: wait;
    opacity: .68;
}

.bdp-charitable-shell .charitable-form-errors,
.bdp-charitable-shell .charitable-notice,
.bdp-charitable-shell .charitable-error,
.bdp-charitable-shell .charitable-form-error {
    margin: 12px 0;
    padding: 12px 14px;
    border: 1px solid rgba(201, 54, 64, .34);
    border-left: 4px solid var(--bdp-red-dark);
    border-radius: 10px;
    background: #fff3f4;
    color: #80323a;
    font-size: .78rem;
    line-height: 1.5;
}

.bdp-charitable-shell .charitable-notice-info {
    border-color: #cdddea;
    border-left-color: var(--bdp-blue);
    background: #f2f8fc;
    color: #355d7a;
}

.bdp-charitable-shell .charitable-notice-success,
.bdp-charitable-shell .charitable-donation-receipt {
    border-color: #c9e0d0;
    border-left-color: #3d9760;
    background: #f1faf4;
    color: #2f6944;
}

.bdp-charitable-shell .charitable-form-errors ul {
    margin: 0;
    padding-left: 20px;
}

.bdp-charitable-shell .charitable-fieldset,
.bdp-charitable-shell .charitable-form-fields,
.bdp-charitable-shell .charitable-gateway-fields,
.bdp-charitable-shell .StripeElement,
.bdp-charitable-shell .__PrivateStripeElement {
    max-width: 100%;
}

/* Charitable legacy form: compact, predictable and visually consistent. */

#bdp-charitable-form-shell .login-prompt {
    margin: 0 0 16px;
    padding: 11px 13px;
    border: 1px solid #e0e5e9;
    border-radius: 10px;
    background: #f8fafb;
    color: #66727d;
    font-size: .76rem;
    line-height: 1.5;
}

#bdp-charitable-form-shell .login-prompt a {
    color: #3f5669;
    font-weight: 780;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

#bdp-charitable-form-shell .charitable-login-form {
    margin: 0 0 20px;
    padding: 16px;
    border: 1px solid #dde4e9;
    border-radius: 12px;
    background: #f8fafb;
}

#bdp-charitable-form-shell #charitable-donor-fields > .charitable-form-header,
#bdp-charitable-form-shell #charitable-gateway-fields > .charitable-form-header {
    margin: 6px 0 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e4e8eb;
    color: #343b42;
    font-size: .95rem;
}

#bdp-charitable-form-shell #charitable-user-fields {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 0 12px;
}

#bdp-charitable-form-shell #charitable-user-fields > .charitable-form-field {
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 0 15px !important;
}

#bdp-charitable-form-shell #charitable_field_email,
#bdp-charitable-form-shell #charitable_field_address,
#bdp-charitable-form-shell #charitable_field_address_2 {
    grid-column: 1 / -1;
}

#bdp-charitable-form-shell #charitable-gateway-tabs,
#bdp-charitable-form-shell #charitable-gateway-selector {
    margin: 0 0 14px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

#bdp-charitable-form-shell #charitable-gateway-selector.charitable-gateway-tab-list {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
    list-style: none;
}

#bdp-charitable-form-shell #charitable-gateway-selector > .charitable-gateway-tab {
    float: none !important;
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

#bdp-charitable-form-shell #charitable-gateway-selector > .charitable-gateway-tab > input {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0;
}

#bdp-charitable-form-shell #charitable-gateway-selector > .charitable-gateway-tab > label {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    margin: 0 !important;
    padding: 11px 10px !important;
    gap: 7px;
    border: 1px solid #d6dde3 !important;
    border-radius: 11px !important;
    background: #f9fafb !important;
    color: #45505a !important;
    font-size: .76rem !important;
    font-weight: 760 !important;
    text-align: center;
    cursor: pointer;
    box-shadow: none !important;
}

#bdp-charitable-form-shell #charitable-gateway-selector > .charitable-gateway-tab > input:checked + label,
#bdp-charitable-form-shell #charitable-gateway-selector > .charitable-gateway-tab.active > label,
#bdp-charitable-form-shell #charitable-gateway-selector > .charitable-gateway-tab:focus-within > label {
    border-color: rgba(235, 75, 85, .58) !important;
    background: var(--bdp-red-soft) !important;
    color: #9e3039 !important;
    box-shadow: 0 0 0 3px rgba(235, 75, 85, .07) !important;
}

#bdp-charitable-form-shell .charitable-gateway-icon img {
    display: block;
    max-width: 44px;
    max-height: 24px;
}

#bdp-charitable-form-shell .charitable-gateway-dropdown-toggle {
    width: 100%;
    min-height: 52px;
    padding: 11px 14px;
    border: 1px solid #d4dce2;
    border-radius: 11px;
    background: #fff;
    color: #38434d;
    font-weight: 740;
    text-align: left;
}

#bdp-charitable-form-shell .charitable-gateway-dropdown-list {
    margin: 6px 0 14px;
    padding: 6px;
    border: 1px solid #dce2e7;
    border-radius: 11px;
    background: #fff;
    box-shadow: var(--bdp-shadow-sm);
}

#bdp-charitable-form-shell .charitable-gateway-fields {
    margin: 0 0 18px !important;
    padding: 17px !important;
    border: 1px solid #e0e5e9 !important;
    border-radius: 12px !important;
    background: #f9fafb !important;
}

#bdp-charitable-form-shell .StripeElement {
    min-height: 52px !important;
    padding: 15px 14px !important;
    border: 1px solid #ced7de !important;
    border-radius: 11px !important;
    background: #fff !important;
}

#bdp-charitable-form-shell .fee-relief {
    margin: 17px 0 0 !important;
    padding: 14px !important;
    border: 1px solid #e0e5e9 !important;
    border-radius: 11px !important;
    background: #f7f9fa !important;
}

#bdp-charitable-form-shell #charitable_field_cover_fees {
    margin: 0 !important;
}

#bdp-charitable-form-shell .charitable-donation-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 18px 0 0 !important;
    padding: 14px 16px !important;
    border: 1px solid #dce3e8;
    border-radius: 11px;
    background: #f7f9fa;
    color: #333c44;
    font-weight: 800;
}

/* Charitable minimal form: final presentation layer (loaded after vendor CSS). */

#bdp-charitable-form-shell #charitable-donation-form.charitable-donation-form.charitable-template-minimal {
    --bdp-form-border: #dce3e8;
    --bdp-form-muted: #687580;
    --bdp-form-surface: #f7f9fa;
    color: #303840;
}

#bdp-charitable-form-shell #charitable-donation-form > .charitable-form-fields {
    overflow: visible;
}

#bdp-charitable-form-shell .login-prompt {
    position: relative;
    margin: 0 0 20px !important;
    padding: 12px 14px 12px 42px !important;
    border: 1px solid #e1e6ea !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, #f9fafb, #f5f7f8) !important;
    color: #64717c !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .84);
}

#bdp-charitable-form-shell .login-prompt::before {
    position: absolute;
    inset: 50% auto auto 14px;
    width: 17px;
    height: 17px;
    border: 2px solid #9aa7b1;
    border-radius: 50%;
    content: "";
    transform: translateY(-64%);
}

#bdp-charitable-form-shell .login-prompt::after {
    position: absolute;
    inset: calc(50% + 6px) auto auto 11px;
    width: 23px;
    height: 10px;
    border: 2px solid #9aa7b1;
    border-bottom: 0;
    border-radius: 14px 14px 0 0;
    content: "";
}

#bdp-charitable-form-shell .login-prompt a {
    color: #8f3038 !important;
    font-weight: 780 !important;
    text-decoration-color: rgba(143, 48, 56, .32) !important;
}

#bdp-charitable-form-shell .charitable-currency-selector-container {
    position: static !important;
    display: flex !important;
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 60px;
    margin: 0 0 22px !important;
    padding: 8px 9px 8px 15px !important;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    border: 1px solid var(--bdp-form-border);
    border-radius: 13px;
    background: var(--bdp-form-surface);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .86);
}

#bdp-charitable-form-shell .charitable-currency-switcher-dropdown-label {
    margin: 0 !important;
    color: #4b555e !important;
    font-size: .74rem !important;
    font-weight: 820 !important;
    letter-spacing: .045em;
    line-height: 1.35 !important;
    text-transform: uppercase;
}

#bdp-charitable-form-shell select.charitable-currency-selector {
    float: none !important;
    width: auto !important;
    min-width: 118px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 8px 36px 8px 12px !important;
    border-color: #cfd8de !important;
    border-radius: 9px !important;
    background-color: #fff !important;
    color: #343d45 !important;
    font-size: .82rem !important;
    font-weight: 760 !important;
    line-height: 1.2 !important;
    box-shadow: 0 4px 12px rgba(35, 45, 53, .045) !important;
}

#bdp-charitable-form-shell #charitable-donation-form .charitable-form-header {
    position: relative;
    display: flex;
    min-height: 30px;
    margin: 4px 0 14px !important;
    padding: 0 0 10px 14px !important;
    align-items: center;
    border-bottom: 1px solid #e4e9ec !important;
    color: #313940 !important;
    font-size: .98rem !important;
    font-weight: 830 !important;
    letter-spacing: -.012em;
    line-height: 1.35 !important;
}

#bdp-charitable-form-shell #charitable-donation-form .charitable-form-header::before {
    position: absolute;
    inset: 2px auto auto 0;
    width: 4px;
    height: 20px;
    border-radius: 5px;
    background: var(--bdp-red);
    content: "";
}

#bdp-charitable-form-shell #charitable-donation-form .charitable-donation-options {
    width: 100%;
    margin: 0 0 17px !important;
}

#bdp-charitable-form-shell #charitable-donation-form ul.donation-amounts.has-suggested-amounts {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    gap: 10px !important;
    list-style: none !important;
}

#bdp-charitable-form-shell #charitable-donation-form ul.donation-amounts.has-suggested-amounts > li.suggested-donation-amount {
    display: block !important;
    float: none !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

#bdp-charitable-form-shell #charitable-donation-form ul.donation-amounts.has-suggested-amounts > li.suggested-donation-amount > label {
    position: relative !important;
    display: grid !important;
    min-height: 78px !important;
    margin: 0 !important;
    padding: 14px 46px 13px 15px !important;
    align-content: center;
    gap: 3px !important;
    border: 1px solid #d8e0e5 !important;
    border-radius: 13px !important;
    background: linear-gradient(145deg, #fff, #f7f9fa) !important;
    color: #3a434b !important;
    text-align: left !important;
    cursor: pointer;
    box-shadow: 0 5px 14px rgba(32, 42, 50, .035) !important;
    transition: border-color 170ms ease, background-color 170ms ease, box-shadow 170ms ease, transform 170ms ease;
}

#bdp-charitable-form-shell #charitable-donation-form ul.donation-amounts input[type="radio"],
#bdp-charitable-form-shell #charitable-gateway-selector input[type="radio"] {
    position: absolute !important;
    display: block !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    overflow: hidden !important;
    opacity: 1 !important;
    white-space: nowrap !important;
}

#bdp-charitable-form-shell #charitable-donation-form .suggested-donation-amount .amount {
    display: block !important;
    min-width: 0;
    margin: 0 !important;
    color: #2f373e !important;
    font-size: 1.08rem !important;
    font-weight: 850 !important;
    letter-spacing: -.02em;
    line-height: 1.18 !important;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

#bdp-charitable-form-shell #charitable-donation-form .suggested-donation-amount .description {
    display: block !important;
    margin: 0 !important;
    color: #66727d !important;
    font-size: .74rem !important;
    font-weight: 610 !important;
    line-height: 1.35 !important;
    text-align: left !important;
}

#bdp-charitable-form-shell #charitable-donation-form .suggested-donation-amount > label::after {
    position: absolute;
    inset: 50% 15px auto auto;
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    border: 1px solid #d2dbe1;
    border-radius: 50%;
    background: #fff;
    color: transparent;
    content: "✓";
    font-size: .76rem;
    font-weight: 900;
    line-height: 1;
    transform: translateY(-50%);
    transition: border-color 170ms ease, background-color 170ms ease, color 170ms ease, transform 170ms ease;
}

#bdp-charitable-form-shell #charitable-donation-form .suggested-donation-amount.selected > label {
    border-color: rgba(235, 75, 85, .72) !important;
    background: linear-gradient(145deg, #fff9f9, #fff0f1) !important;
    box-shadow: 0 0 0 3px rgba(235, 75, 85, .085), 0 9px 22px rgba(186, 54, 64, .09) !important;
}

#bdp-charitable-form-shell #charitable-donation-form .suggested-donation-amount.selected > label::after {
    border-color: var(--bdp-red);
    background: var(--bdp-red);
    color: #fff;
    transform: translateY(-50%) scale(1.04);
}

#bdp-charitable-form-shell #charitable-donation-form .suggested-donation-amount:focus-within > label {
    border-color: var(--bdp-red) !important;
    outline: 3px solid rgba(235, 75, 85, .13) !important;
    outline-offset: 2px;
}

#bdp-charitable-form-shell #charitable-donation-form ul.donation-amounts.donation-suggested-amount {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

#bdp-charitable-form-shell #charitable-donation-form .custom-donation-amount {
    display: block !important;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

#bdp-charitable-form-shell #charitable-donation-form .custom-donation-amount-wrapper {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: minmax(126px, .34fr) minmax(0, 1fr) !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 7px !important;
    gap: 8px !important;
    border: 1px solid #dbe2e7 !important;
    border-radius: 13px !important;
    background: var(--bdp-form-surface) !important;
    transition: border-color 170ms ease, box-shadow 170ms ease, background-color 170ms ease;
}

#bdp-charitable-form-shell #charitable-donation-form .custom-donation-amount-wrapper > label {
    display: flex !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    border: 0 !important;
    background: transparent !important;
    color: #49545d !important;
    cursor: pointer;
    box-shadow: none !important;
}

#bdp-charitable-form-shell #charitable-donation-form .custom-donation-amount-wrapper > label .description {
    font-size: .77rem !important;
    font-weight: 780 !important;
    line-height: 1.3 !important;
}

#bdp-charitable-form-shell #charitable-donation-form .custom-donation-input {
    min-height: 48px !important;
    margin: 0 !important;
    padding: 10px 13px !important;
    border-radius: 9px !important;
    background: #fff !important;
    font-weight: 720 !important;
    text-align: left !important;
}

#bdp-charitable-form-shell #charitable-donation-form .custom-donation-amount.selected .custom-donation-amount-wrapper,
#bdp-charitable-form-shell #charitable-donation-form .custom-donation-amount:focus-within .custom-donation-amount-wrapper {
    border-color: rgba(235, 75, 85, .68) !important;
    background: #fff8f8 !important;
    box-shadow: 0 0 0 3px rgba(235, 75, 85, .085) !important;
}

#bdp-charitable-form-shell #charitable-donation-form .recurring-donation-option {
    display: grid !important;
    float: none !important;
    width: 100% !important;
    grid-template-columns: 46px minmax(0, 1fr) !important;
    align-items: center !important;
    margin: 14px 0 18px !important;
    padding: 13px 15px !important;
    gap: 12px !important;
    border: 1px solid #d9e1e6 !important;
    border-radius: 13px !important;
    background: linear-gradient(135deg, #f8fafb, #f4f7f8) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .88) !important;
}

#bdp-charitable-form-shell #charitable-donation-form .recurring-donation-option > input[type="checkbox"] {
    position: relative !important;
    display: block !important;
    width: 44px !important;
    height: 25px !important;
    min-width: 44px !important;
    margin: 0 !important;
    border: 1px solid #c8d1d8 !important;
    border-radius: 999px !important;
    appearance: none !important;
    background: #dbe1e5 !important;
    cursor: pointer;
    box-shadow: inset 0 1px 2px rgba(38, 48, 56, .09) !important;
    transition: border-color 170ms ease, background-color 170ms ease, box-shadow 170ms ease;
}

#bdp-charitable-form-shell #charitable-donation-form .recurring-donation-option > input[type="checkbox"]::after {
    position: absolute;
    inset: 3px auto auto 3px;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: #fff;
    content: "";
    box-shadow: 0 2px 5px rgba(35, 45, 52, .18);
    transition: transform 170ms ease;
}

#bdp-charitable-form-shell #charitable-donation-form .recurring-donation-option > input[type="checkbox"]:checked {
    border-color: var(--bdp-red) !important;
    background: var(--bdp-red) !important;
}

#bdp-charitable-form-shell #charitable-donation-form .recurring-donation-option > input[type="checkbox"]:checked::after {
    transform: translateX(19px);
}

#bdp-charitable-form-shell #charitable-donation-form .recurring-donation-option > input[type="checkbox"]:focus-visible {
    outline: 3px solid rgba(235, 75, 85, .16) !important;
    outline-offset: 3px;
}

#bdp-charitable-form-shell #charitable-donation-form .recurring-donation-option > label {
    display: flex !important;
    min-height: 44px;
    margin: 0 !important;
    flex-direction: column;
    justify-content: center;
    color: #384149 !important;
    font-size: .79rem !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    cursor: pointer;
}

#bdp-charitable-form-shell .bdp-recurring-note {
    display: block;
    margin-top: 2px;
    color: #66727d;
    font-size: .74rem;
    font-weight: 560;
    line-height: 1.4;
}

#bdp-charitable-form-shell #charitable-donation-form .charitable-currency-switcher-message {
    position: relative;
    margin: 0 0 21px !important;
    padding: 10px 12px 10px 34px !important;
    border: 1px solid #e0e6ea;
    border-radius: 10px;
    background: #f7f9fa;
    color: #66727d !important;
    font-size: .74rem !important;
    font-weight: 590 !important;
    line-height: 1.45 !important;
    text-align: left !important;
}

#bdp-charitable-form-shell #charitable-donation-form .charitable-currency-switcher-message::before {
    position: absolute;
    inset: 10px auto auto 12px;
    display: grid;
    width: 15px;
    height: 15px;
    place-items: center;
    border: 1px solid #a8b4bd;
    border-radius: 50%;
    color: #76848e;
    content: "i";
    font-size: .58rem;
    font-style: normal;
    font-weight: 850;
    line-height: 1;
}

#bdp-charitable-form-shell #charitable-donation-form #charitable-donor-fields,
#bdp-charitable-form-shell #charitable-donation-form #charitable-gateway-fields {
    margin-top: 6px !important;
}

#bdp-charitable-form-shell #charitable-user-fields {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: start !important;
    gap: 0 12px !important;
}

#bdp-charitable-form-shell #charitable-user-fields > .charitable-form-group {
    display: contents !important;
}

#bdp-charitable-form-shell #charitable-user-fields > .charitable-form-group > .charitable-form-field,
#bdp-charitable-form-shell #charitable-user-fields > .charitable-form-field {
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 0 15px !important;
}

#bdp-charitable-form-shell #charitable-user-fields #charitable_field_email {
    grid-column: 1 / -1 !important;
}

#bdp-charitable-form-shell #charitable-user-fields label {
    display: block !important;
    margin: 0 !important;
    color: #4a545d !important;
    font-size: .74rem !important;
    font-weight: 780 !important;
}

#bdp-charitable-form-shell #charitable-user-fields input {
    min-height: 50px !important;
    margin-top: 6px !important;
    border-radius: 10px !important;
    background: #fff !important;
}

#bdp-charitable-form-shell #charitable-gateway-tabs,
#bdp-charitable-form-shell #charitable-gateway-selector {
    float: none !important;
    clear: both !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

#bdp-charitable-form-shell #charitable-gateway-selector.charitable-gateway-tab-list {
    grid-template-columns: repeat(auto-fit, minmax(155px, 1fr)) !important;
    align-items: stretch;
    gap: 10px !important;
}

#bdp-charitable-form-shell #charitable-gateway-selector > .charitable-gateway-tab > label {
    width: 100% !important;
    min-height: 70px !important;
    padding: 10px 12px !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    border-radius: 12px !important;
    background: linear-gradient(145deg, #fff, #f7f9fa) !important;
    color: #48535c !important;
    font-size: .74rem !important;
    box-sizing: border-box;
    box-shadow: 0 4px 13px rgba(31, 40, 47, .035) !important;
}

#bdp-charitable-form-shell #charitable-gateway-selector > .charitable-gateway-tab > input:checked + label,
#bdp-charitable-form-shell #charitable-gateway-selector > .charitable-gateway-tab.active > label {
    border-color: rgba(235, 75, 85, .68) !important;
    background: linear-gradient(145deg, #fff9f9, #fff0f1) !important;
    color: #8f3038 !important;
    box-shadow: 0 0 0 3px rgba(235, 75, 85, .08), 0 8px 18px rgba(186, 54, 64, .07) !important;
}

#bdp-charitable-form-shell #charitable-gateway-selector > .charitable-gateway-tab:focus-within > label {
    outline: 3px solid rgba(235, 75, 85, .13) !important;
    outline-offset: 2px;
}

#bdp-charitable-form-shell .charitable-gateway-icon {
    display: grid !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    flex: 0 0 38px;
    place-items: center;
    border: 1px solid #e3e8ec;
    border-radius: 10px;
    background: #fff;
    color: #45606f;
    box-shadow: 0 2px 7px rgba(35, 45, 52, .045);
}

#bdp-charitable-form-shell .charitable-gateway-icon svg {
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
}

#bdp-charitable-form-shell .charitable-gateway-icon img {
    display: block !important;
    width: auto !important;
    max-width: 30px !important;
    height: auto !important;
    max-height: 28px !important;
}

#bdp-charitable-form-shell [data-gateway-id="paypal"] .charitable-gateway-icon svg {
    width: 26px !important;
    height: 26px !important;
    max-width: 26px !important;
    max-height: 26px !important;
}

#bdp-charitable-form-shell [data-gateway-id="stripe"] .charitable-gateway-icon {
    color: #635bff;
}

#bdp-charitable-form-shell [data-gateway-id="paypal"] .charitable-gateway-icon {
    color: #003087;
}

#bdp-charitable-form-shell [data-gateway-id="stripe_sepa_direct_debit"] .charitable-gateway-icon {
    color: #1268a8;
}

#bdp-charitable-form-shell .charitable-gateway-label {
    min-width: 0;
    line-height: 1.25;
    text-align: left;
    overflow-wrap: anywhere;
}

#bdp-charitable-form-shell .fee-relief {
    float: none !important;
    clear: both !important;
    width: 100% !important;
    min-inline-size: 0 !important;
    margin: 18px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

#bdp-charitable-form-shell .fee-relief > .charitable-donation-amount-custom:empty {
    display: none !important;
}

#bdp-charitable-form-shell .fee-relief .charitable-donation-total {
    display: grid !important;
    width: 100%;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    min-height: 60px;
    margin: 0 !important;
    padding: 14px 16px !important;
    border: 1px solid #dce3e8 !important;
    border-radius: 12px !important;
    background: linear-gradient(145deg, #fff, #f7f9fa) !important;
    color: #3d4750 !important;
    box-shadow: 0 5px 16px rgba(31, 40, 47, .035) !important;
}

#bdp-charitable-form-shell .fee-relief .charitable-donation-total .total-amount {
    color: #96333b;
    font-size: 1.02rem;
    font-weight: 850;
    white-space: nowrap;
}

#bdp-charitable-form-shell #charitable-donation-form .charitable-gateway-fields {
    width: 100% !important;
    margin: 4px 0 18px !important;
    padding: 18px !important;
    border: 1px solid #dee5e9 !important;
    border-radius: 14px !important;
    background: linear-gradient(145deg, #f9fafb, #f5f7f8) !important;
    box-sizing: border-box !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9) !important;
}

#bdp-charitable-form-shell #charitable-donation-form .charitable-submit-field {
    margin-top: 24px !important;
}

#bdp-charitable-form-shell #charitable-donation-form .charitable-submit-field button[type="submit"] {
    min-height: 58px !important;
    border-radius: 13px !important;
    font-size: .98rem !important;
    letter-spacing: -.01em;
}

/* Section headings */

.bdp-section-heading {
    max-width: 940px;
    margin: 0 auto 23px;
    padding-top: 8px;
    text-align: center;
}

.bdp-section-heading h2 {
    margin: 15px 0 9px;
    color: #262c32;
    font-size: clamp(2rem, 4.2vw, 3.25rem);
    font-weight: 850;
    letter-spacing: -.05em;
    line-height: 1.06;
}

.bdp-section-heading p {
    margin: 0 auto;
    color: #69747e;
    font-size: .95rem;
    line-height: 1.65;
}

.bdp-section-heading--compact {
    margin-bottom: 24px;
    padding: 0;
}

.bdp-section-heading--compact h2 {
    font-size: clamp(1.85rem, 3.7vw, 2.8rem);
}

/* External services */

.bdp-external-methods {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 28px;
    gap: 18px;
}

.bdp-external-card {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 370px;
    padding: clamp(26px, 4vw, 40px);
    flex-direction: column;
    border: 1px solid var(--bdp-line);
    border-top: 5px solid #82909c;
    border-radius: var(--bdp-radius-lg);
    background: #fff;
    box-shadow: var(--bdp-shadow-card);
    isolation: isolate;
    overflow: hidden;
    transition:
        transform 240ms var(--bdp-ease-out),
        border-color 240ms ease,
        box-shadow 240ms ease;
}

.bdp-external-card::before {
    position: absolute;
    inset: 0 0 auto;
    z-index: 1;
    height: 4px;
    background: linear-gradient(90deg, currentColor, rgba(255, 255, 255, .76), currentColor);
    background-size: 180% 100%;
    content: "";
    opacity: .76;
}

.bdp-external-card--paypal {
    color: #1674b8;
    border-top-color: #1674b8;
    background:
        radial-gradient(circle at 92% 6%, rgba(22, 116, 184, .11), transparent 28%),
        #fff;
}

.bdp-external-card--coffee {
    color: #9a6a00;
    border-top-color: #e4aa24;
    background:
        radial-gradient(circle at 92% 6%, rgba(234, 180, 44, .15), transparent 28%),
        #fff;
}

.bdp-external-card__brand {
    display: flex;
    align-items: center;
    margin-bottom: 27px;
    gap: 12px;
}

.bdp-external-card__logo {
    display: grid;
    width: 62px;
    height: 62px;
    place-items: center;
    border: 1px solid #dce3e8;
    border-radius: 16px;
    background: #fff;
    color: #1674b8;
    box-shadow: var(--bdp-shadow-xs);
    transition: transform 280ms var(--bdp-ease-out), box-shadow 280ms ease;
}

.bdp-external-card--paypal .bdp-external-card__logo {
    border-color: #d7e7f4;
    background: linear-gradient(145deg, #fff, #eef7ff);
    box-shadow: 0 10px 24px rgba(0, 41, 145, .1);
}

.bdp-external-card--coffee .bdp-external-card__logo {
    border-color: #e8c51d;
    background: #ffdd00;
    box-shadow: 0 10px 24px rgba(137, 103, 0, .13);
}

.bdp-external-card__logo .bdp-brand-icon {
    width: 34px;
    height: 34px;
}

.bdp-external-card__brand small,
.bdp-external-card__brand strong {
    display: block;
}

.bdp-external-card__brand small {
    color: #66727d;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .075em;
    text-transform: uppercase;
}

.bdp-external-card__brand strong {
    margin-top: 2px;
    color: var(--bdp-ink);
    font-size: 1.15rem;
}

.bdp-external-card h3 {
    margin: 0 0 11px;
    font-size: clamp(1.45rem, 2.7vw, 2rem);
    letter-spacing: -.035em;
    line-height: 1.12;
    color: var(--bdp-ink);
}

.bdp-external-card > p {
    margin: 0 0 26px;
    color: #68737d;
    font-size: .9rem;
    line-height: 1.62;
    color: #68737d;
}

.bdp-external-card .bdp-button {
    width: 100%;
    margin-top: auto;
}

.belzhd-donate-standalone-page a.bdp-button--paypal {
    background: #1674b8;
    color: #fff;
    box-shadow: 0 12px 26px rgba(22, 116, 184, .2);
}

.belzhd-donate-standalone-page a.bdp-button--paypal:hover,
.belzhd-donate-standalone-page a.bdp-button--paypal:focus-visible {
    background: #0f619d;
    color: #fff;
}

.belzhd-donate-standalone-page a.bdp-button--coffee {
    background: #ffcf52;
    color: #32280e;
    box-shadow: 0 12px 26px rgba(186, 133, 0, .17);
}

.belzhd-donate-standalone-page a.bdp-button--coffee:hover,
.belzhd-donate-standalone-page a.bdp-button--coffee:focus-visible {
    background: #f0bd35;
    color: #241c08;
}

.bdp-external-card__note {
    display: block;
    margin: 10px 0 0;
    color: #66727d;
    font-size: .74rem;
    text-align: center;
}

/* Crypto */

.bdp-crypto {
    margin-bottom: 46px;
    padding: clamp(24px, 4vw, 42px);
    border: 1px solid #ddd9ee;
    border-top: 5px solid var(--bdp-purple);
    border-radius: var(--bdp-radius-lg);
    background:
        radial-gradient(circle at 96% 0, rgba(103, 70, 235, .11), transparent 24%),
        linear-gradient(145deg, #fff, #fbfaff);
    box-shadow: var(--bdp-shadow-sm);
}

.bdp-crypto__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
    gap: 20px;
}

.bdp-crypto__header > div {
    max-width: 900px;
}

.bdp-crypto__header h2 {
    margin: 15px 0 9px;
    font-size: clamp(1.9rem, 3.8vw, 3rem);
    letter-spacing: -.05em;
    line-height: 1.08;
}

.bdp-crypto__header p {
    margin: 0;
    color: #68727e;
    font-size: .91rem;
    line-height: 1.65;
}

.bdp-crypto__header-icon {
    display: grid;
    flex: 0 0 auto;
    width: 86px;
    height: 86px;
    place-items: center;
    border: 1px solid #ddd4fb;
    border-radius: 22px;
    background: #f7f3ff;
    color: var(--bdp-purple);
}

.bdp-crypto__header-icon .bdp-svg-icon {
    width: 42px;
    height: 42px;
}

.bdp-crypto-alerts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 18px;
    gap: 10px;
}

.bdp-crypto-alerts p {
    display: flex;
    align-items: flex-start;
    margin: 0;
    padding: 13px 14px;
    gap: 10px;
    border: 1px solid #e3deee;
    border-radius: 11px;
    background: rgba(255, 255, 255, .8);
    color: #6c6876;
    font-size: .72rem;
    line-height: 1.5;
}

.bdp-crypto-alerts .bdp-svg-icon {
    width: 19px;
    height: 19px;
    color: var(--bdp-purple);
}

.bdp-crypto-alerts strong {
    color: #45404e;
}

.bdp-crypto__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px;
}

.bdp-crypto-card {
    min-width: 0;
    padding: 18px;
    border: 1px solid #dfe2e7;
    border-radius: 15px;
    background: rgba(255, 255, 255, .94);
    box-shadow: var(--bdp-shadow-xs);
    transition:
        transform 220ms var(--bdp-ease-out),
        border-color 220ms ease,
        box-shadow 220ms ease;
}

.bdp-crypto-card:last-child:nth-child(odd) {
    grid-column: 1 / -1;
}

.bdp-crypto-card__head {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    align-items: center;
    margin-bottom: 15px;
    gap: 11px;
}

.bdp-crypto-card__mark {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border-radius: 12px;
    border: 1px solid #ded8f6;
    background: #f1edff;
    font-size: 1rem;
    font-weight: 880;
    transition: transform 280ms var(--bdp-ease-out), box-shadow 280ms ease;
}

.bdp-crypto-card__mark .bdp-brand-icon {
    width: 27px;
    height: 27px;
}

.bdp-crypto-card--bitcoin .bdp-crypto-card__mark {
    border-color: #f5d9aa;
    background: #fff5e5;
}

.bdp-crypto-card--ethereum .bdp-crypto-card__mark {
    border-color: #d8def8;
    background: #eef1ff;
}

.bdp-crypto-card--erc20 .bdp-crypto-card__mark,
.bdp-crypto-card--trc20 .bdp-crypto-card__mark {
    border-color: #cce9e4;
    background: #eaf8f5;
}

.bdp-crypto-card--trx .bdp-crypto-card__mark {
    border-color: #f3cdd4;
    background: #fff0f1;
}

.bdp-crypto-card--ethereum .bdp-brand-icon {
    width: 24px;
    height: 29px;
}

.bdp-crypto-card--erc20 .bdp-brand-icon,
.bdp-crypto-card--trc20 .bdp-brand-icon {
    width: 29px;
    height: 25px;
}

.bdp-crypto-card__head strong,
.bdp-crypto-card__head small {
    display: block;
}

.bdp-crypto-card__head strong {
    font-size: .92rem;
}

.bdp-crypto-card__head small {
    color: #66727d;
    font-size: .74rem;
    font-weight: 750;
}

.bdp-crypto-card__head > b {
    padding: 5px 8px;
    border: 1px solid #ddd9ea;
    border-radius: 999px;
    background: #f8f7fb;
    color: #655f6d;
    font-size: .62rem;
    letter-spacing: .04em;
    white-space: nowrap;
}

.bdp-crypto-card .bdp-copy-field__row {
    grid-template-columns: minmax(0, 1fr) 136px;
}

.bdp-crypto-card .bdp-copy {
    min-width: 0;
}

.bdp-qr {
    margin-top: 11px;
    border: 1px solid #dfe3e7;
    border-radius: 11px;
    background: #fafbfc;
}

.bdp-qr summary {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr) 20px;
    align-items: center;
    min-height: 48px;
    padding: 10px 13px;
    gap: 9px;
    color: #525d67;
    font-size: .75rem;
    font-weight: 760;
    cursor: pointer;
    list-style: none;
}

.bdp-qr summary::-webkit-details-marker {
    display: none;
}

.bdp-qr summary .bdp-svg-icon {
    width: 19px;
    height: 19px;
}

.bdp-qr summary .bdp-svg-icon--chevron {
    transition: transform 170ms ease;
}

.bdp-qr[open] summary .bdp-svg-icon--chevron {
    transform: rotate(180deg);
}

.bdp-qr__body {
    display: grid;
    justify-items: center;
    padding: 16px;
    border-top: 1px solid #e2e6e9;
    background: #fff;
}

.bdp-qr[open] .bdp-qr__body {
    animation: bdp-panel-enter 220ms var(--bdp-ease-out) both;
}

.bdp-qr__body img {
    width: min(220px, 100%);
    padding: 9px;
    border: 1px solid #dfe3e7;
    border-radius: 12px;
    background: #fff;
}

.bdp-qr__body small {
    display: block;
    max-width: 330px;
    margin-top: 9px;
    color: #66727d;
    font-size: .66rem;
    text-align: center;
}

.bdp-qr__body.is-image-missing {
    min-height: 126px;
    align-content: center;
    padding: 20px;
    border-radius: 0 0 12px 12px;
    background: linear-gradient(145deg, #fbfcfd, #f5f7f8);
}

.bdp-qr__body.is-image-missing img,
.bdp-qr__body.is-image-missing > small {
    display: none;
}

.bdp-qr__fallback {
    max-width: 330px;
    margin: 0;
    color: #59656f;
    font-size: .76rem;
    font-weight: 680;
    line-height: 1.5;
    text-align: center;
}

.bdp-crypto__footnote {
    margin: 15px 0 0;
    color: #736d7c;
    font-size: .73rem;
    font-weight: 680;
    text-align: center;
}

/* Transparency */

.bdp-transparency {
    margin-bottom: 28px;
    padding: clamp(27px, 4.5vw, 48px);
    border: 1px solid var(--bdp-line);
    border-radius: var(--bdp-radius-lg);
    background: #fff;
    box-shadow: var(--bdp-shadow-sm);
}

.bdp-transparency__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 11px;
}

.bdp-transparency__grid article {
    min-width: 0;
    padding: 18px;
    border: 1px solid #e0e5e8;
    border-radius: 14px;
    background: linear-gradient(145deg, #fff, #f8fafb);
    transition:
        transform 220ms var(--bdp-ease-out),
        border-color 220ms ease,
        box-shadow 220ms ease;
}

.bdp-transparency__grid article > span {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    margin-bottom: 15px;
    border-radius: 12px;
    background: var(--bdp-red-soft);
    color: var(--bdp-red);
    transition: transform 280ms var(--bdp-ease-out), box-shadow 280ms ease;
}

.bdp-transparency__grid article:nth-child(2) > span {
    background: #f2f7fb;
    color: var(--bdp-blue);
}

.bdp-transparency__grid article:nth-child(3) > span {
    background: #f3f8f4;
    color: #41805a;
}

.bdp-transparency__grid article:nth-child(4) > span {
    background: #f4f1ff;
    color: var(--bdp-purple);
}

.bdp-transparency__grid .bdp-svg-icon {
    width: 23px;
    height: 23px;
}

.bdp-transparency__grid h3 {
    margin: 0 0 7px;
    color: #343b42;
    font-size: .92rem;
    letter-spacing: -.015em;
}

.bdp-transparency__grid p {
    margin: 0;
    color: #66727d;
    font-size: .75rem;
    line-height: 1.52;
}

/* Closing */

.bdp-thanks {
    position: relative;
    display: grid;
    grid-template-columns: 84px minmax(0, 1fr);
    align-items: center;
    padding: clamp(27px, 4vw, 42px);
    gap: 22px;
    border: 1px solid #39414a;
    border-radius: var(--bdp-radius-lg);
    background:
        radial-gradient(circle at 90% 10%, rgba(235, 75, 85, .2), transparent 26%),
        linear-gradient(135deg, #252b31, #313842);
    color: #fff;
    box-shadow: var(--bdp-shadow-lg);
    overflow: hidden;
}

.bdp-thanks::after {
    position: absolute;
    inset: auto -80px -120px auto;
    width: 290px;
    height: 290px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 50%;
    content: "";
}

.bdp-thanks__icon {
    display: grid;
    width: 84px;
    height: 84px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 22px;
    background: rgba(255, 255, 255, .08);
    color: #ff8f96;
}

.bdp-thanks__icon .bdp-svg-icon {
    width: 39px;
    height: 39px;
    transform-origin: center;
}

.bdp-thanks h2 {
    margin: 14px 0 8px;
    color: #fff;
    font-size: clamp(1.55rem, 3vw, 2.35rem);
    letter-spacing: -.04em;
    line-height: 1.12;
}

.bdp-thanks p {
    max-width: 900px;
    margin: 0;
    color: #cbd2d8;
    font-size: .87rem;
    line-height: 1.62;
}

/* Restrained motion system: feedback-style reactions, never payment logic. */

@media (hover: hover) {
    .bdp-method-choice:hover .bdp-method-choice__icon,
    .bdp-method-choice:focus-visible .bdp-method-choice__icon,
    .bdp-method-choice.is-selected .bdp-method-choice__icon {
        box-shadow: 0 8px 20px rgba(var(--bdp-choice), .16);
        transform: translateY(-2px) rotate(-2deg);
    }

    .bdp-external-card:hover,
    .bdp-external-card:focus-within,
    .bdp-crypto-card:hover,
    .bdp-crypto-card:focus-within {
        border-color: rgba(118, 132, 144, .34);
        box-shadow: var(--bdp-shadow-hover);
        transform: translateY(-2px);
    }

    .bdp-external-card:hover::before,
    .bdp-external-card:focus-within::before {
        animation: bdp-card-accent-shine 900ms ease both;
    }

    .bdp-external-card:hover .bdp-external-card__logo,
    .bdp-external-card:focus-within .bdp-external-card__logo,
    .bdp-crypto-card:hover .bdp-crypto-card__mark,
    .bdp-crypto-card:focus-within .bdp-crypto-card__mark {
        box-shadow: 0 8px 18px rgba(29, 37, 45, .09);
        transform: translateY(-2px) rotate(-2deg);
    }

    .bdp-transparency__grid article:hover {
        border-color: rgba(118, 132, 144, .32);
        background: linear-gradient(145deg, #fff, #f5f8f9);
    }

    .bdp-thanks:hover .bdp-thanks__icon .bdp-svg-icon {
        animation: bdp-heart-pop 520ms var(--bdp-ease-out) both;
    }
}

@media (prefers-reduced-motion: no-preference) and (min-width: 681px) {
    .bdp-hero__heart {
        animation: bdp-hero-heart-float 5.8s ease-in-out infinite;
    }

    .bdp-hero__orbit--two {
        animation: bdp-hero-orbit 34s linear infinite;
    }

    .bdp-hero__spark--one {
        animation: bdp-hero-spark 5.2s ease-in-out infinite;
    }

    .bdp-hero__spark--two {
        animation: bdp-hero-spark 6.1s 1.1s ease-in-out infinite reverse;
    }

    .bdp-hero__spark--three {
        animation: bdp-hero-spark 4.7s .6s ease-in-out infinite;
    }
}

@media (prefers-reduced-motion: no-preference) {
    .bdp-motion-ready [data-bdp-reveal].is-visible .bdp-eyebrow {
        animation: bdp-eyebrow-enter 420ms var(--bdp-ease-out) both;
    }

    #bdp-charitable-form-shell #charitable-donation-form .suggested-donation-amount.selected > label::after {
        animation: bdp-amount-check-pop 260ms var(--bdp-ease-out) both;
    }

    #bdp-charitable-form-shell #charitable-gateway-selector > .charitable-gateway-tab > input:checked + label .charitable-gateway-icon {
        animation: bdp-control-check-pop 260ms var(--bdp-ease-out) both;
    }
}

.bdp-motion-ready [data-bdp-reveal] {
    opacity: .94;
    transform: translateY(8px);
    transition:
        opacity 300ms ease,
        transform 360ms var(--bdp-ease-out);
}

.bdp-motion-ready [data-bdp-reveal="hero"] {
    transform: translateY(6px);
}

.bdp-motion-ready [data-bdp-reveal="form"] {
    transform: none;
    transition-duration: 280ms;
}

.bdp-motion-ready [data-bdp-reveal]:not(.is-visible) {
    will-change: opacity, transform;
}

.bdp-motion-ready [data-bdp-reveal].is-visible {
    opacity: 1;
    transform: none;
}

.bdp-motion-ready .bdp-method-guide[data-bdp-reveal] .bdp-method-guide__grid > li,
.bdp-motion-ready .bdp-transparency[data-bdp-reveal] .bdp-transparency__grid > article {
    opacity: .92;
    transform: translateY(6px);
    transition:
        opacity 260ms ease,
        transform 320ms var(--bdp-ease-out);
}

.bdp-motion-ready .bdp-method-guide.is-visible .bdp-method-guide__grid > li,
.bdp-motion-ready .bdp-transparency.is-visible .bdp-transparency__grid > article {
    opacity: 1;
    transform: none;
}

.bdp-motion-ready .is-visible .bdp-method-guide__grid > li:nth-child(2),
.bdp-motion-ready .is-visible .bdp-transparency__grid > article:nth-child(2) {
    transition-delay: 35ms;
}

.bdp-motion-ready .is-visible .bdp-method-guide__grid > li:nth-child(3),
.bdp-motion-ready .is-visible .bdp-transparency__grid > article:nth-child(3) {
    transition-delay: 70ms;
}

.bdp-motion-ready .is-visible .bdp-method-guide__grid > li:nth-child(4),
.bdp-motion-ready .is-visible .bdp-transparency__grid > article:nth-child(4) {
    transition-delay: 105ms;
}

@keyframes bdp-panel-enter {
    from {
        opacity: .78;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes bdp-card-accent-shine {
    from { background-position: 100% 0; }
    to { background-position: 0 0; }
}

@keyframes bdp-eyebrow-enter {
    0% {
        opacity: 0;
        transform: translateY(3px) scale(.97);
    }

    72% {
        opacity: 1;
        transform: translateY(-1px) scale(1.01);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes bdp-heart-pop {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1) rotate(-4deg); }
}

@keyframes bdp-control-check-pop {
    0% { transform: scale(.88); }
    65% { transform: scale(1.06); }
    100% { transform: scale(1); }
}

@keyframes bdp-amount-check-pop {
    0% { transform: translateY(-50%) scale(.88); }
    65% { transform: translateY(-50%) scale(1.08); }
    100% { transform: translateY(-50%) scale(1.04); }
}

@keyframes bdp-hero-heart-float {
    0%, 100% { transform: translateY(0) rotate(-5deg); }
    50% { transform: translateY(-4px) rotate(-3deg); }
}

@keyframes bdp-hero-orbit {
    from { transform: rotate(22deg); }
    to { transform: rotate(382deg); }
}

@keyframes bdp-hero-spark {
    0%, 100% { opacity: .72; transform: translateY(0) scale(.94); }
    50% { opacity: 1; transform: translateY(-4px) scale(1.04); }
}

/* Footer */

.bdp-site-footer {
    margin-top: 66px;
    background: #20262c;
    color: #c7cdd2;
}

.bdp-site-footer__inner {
    display: flex;
    align-items: center;
    max-width: var(--bdp-container);
    min-height: 150px;
    margin: 0 auto;
    padding: 26px;
    gap: 34px;
}

.bdp-footer-logo {
    display: inline-flex;
    flex: 0 0 auto;
    width: 270px;
    opacity: .88;
    filter: grayscale(1) brightness(2.5);
}

.bdp-footer-logo img {
    display: block;
    width: 100%;
    max-height: 70px;
    object-fit: contain;
    object-position: left center;
}

.bdp-footer-logo .bdp-logo-fallback {
    color: #fff;
}

.bdp-site-footer nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-left: auto;
    gap: 9px 21px;
}

.bdp-site-footer nav a {
    min-height: 34px;
    padding: 7px 0;
    color: #c0c7cd;
    font-size: .76rem;
    font-weight: 680;
    transition: color 170ms ease;
}

.bdp-site-footer nav a:hover,
.bdp-site-footer nav a:focus-visible {
    color: #fff;
}

/* Toast */

.bdp-toast {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 10000;
    max-width: min(360px, calc(100vw - 36px));
    padding: 11px 16px;
    border: 1px solid #c9ded0;
    border-radius: 11px;
    background: rgba(244, 252, 246, .97);
    color: #2c7044;
    font-size: .78rem;
    font-weight: 760;
    box-shadow: 0 14px 34px rgba(28, 47, 35, .17);
    opacity: 0;
    pointer-events: none;
    transform: translateY(14px);
    transition: opacity 180ms ease, transform 180ms ease;
}

.bdp-toast[data-state="error"] {
    border-color: #ebc7ca;
    background: rgba(255, 246, 247, .98);
    color: #a9363e;
}

.bdp-toast.is-visible {
    opacity: 1;
    transform: none;
}

/* Responsive */

@media (max-width: 1350px) {
    .bdp-site-header__inner {
        gap: 14px;
    }

    .bdp-site-logo {
        width: 244px;
    }

    .bdp-site-nav {
        gap: 2px;
    }

    .bdp-site-nav a {
        padding-inline: 9px;
        font-size: .78rem;
    }

    .bdp-site-nav a.bdp-site-nav__donate {
        padding-inline: 17px;
    }
}

@media (max-width: 1180px) {
    .bdp-site-header__inner {
        gap: 14px;
    }

    .bdp-site-logo {
        width: 248px;
    }

    .bdp-site-nav a {
        padding-inline: 10px;
        font-size: .8rem;
    }

    .bdp-hero {
        min-height: 380px;
    }

    .bdp-method-guide__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bdp-transparency__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1050px) {
    .bdp-site-header {
        background: #fff;
        backdrop-filter: none;
    }

    .bdp-site-header__inner {
        min-height: 82px;
    }

    .bdp-menu-toggle {
        display: inline-flex;
    }

    .bdp-site-nav {
        position: absolute;
        inset: calc(100% + 1px) 14px auto;
        display: none;
        max-height: calc(100vh - 110px);
        padding: 12px;
        flex-direction: column;
        align-items: stretch;
        gap: 4px;
        border: 1px solid var(--bdp-line);
        border-radius: 14px;
        background: rgba(255, 255, 255, .985);
        box-shadow: var(--bdp-shadow-lg);
        overflow-y: auto;
    }

    .bdp-site-header.is-menu-open .bdp-site-nav {
        display: flex;
    }

    .bdp-site-nav a,
    .bdp-site-nav a.bdp-site-nav__donate {
        width: 100%;
        min-height: 47px;
        margin: 0;
        justify-content: flex-start;
        padding-inline: 14px;
        font-size: .86rem;
    }

    .bdp-site-header.is-menu-open .bdp-menu-toggle__lines span:nth-child(1) {
        transform: translateY(7px) rotate(45deg);
    }

    .bdp-site-header.is-menu-open .bdp-menu-toggle__lines span:nth-child(2) {
        opacity: 0;
    }

    .bdp-site-header.is-menu-open .bdp-menu-toggle__lines span:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg);
    }

    body.bdp-menu-lock {
        overflow: hidden;
    }

    .bdp-donation-card {
        grid-template-columns: 1fr;
    }

    .bdp-donation-card__intro {
        border-right: 0;
        border-bottom: 1px solid #eadfe1;
        border-radius: 0;
    }

    .bdp-trust-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .bdp-trust-list li {
        grid-template-columns: 34px minmax(0, 1fr);
    }
}

@media (max-width: 860px) {
    .bdp-page {
        padding-top: 18px;
    }

    .bdp-tor-strip {
        grid-template-columns: 1fr;
        gap: 13px;
    }

    .bdp-hero {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .bdp-hero__visual {
        display: none;
    }

    .bdp-method-guide {
        grid-template-columns: 1fr;
    }

    .bdp-method-guide__intro {
        text-align: center;
    }

    .bdp-donation-unavailable {
        grid-template-columns: 64px minmax(0, 1fr);
    }

    .bdp-external-methods {
        grid-template-columns: 1fr;
    }

    .bdp-external-card {
        min-height: 340px;
    }

    .bdp-site-footer__inner {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .bdp-footer-logo {
        width: min(270px, 75vw);
    }

    .bdp-footer-logo img {
        object-position: center;
    }

    .bdp-site-footer nav {
        justify-content: center;
        margin: 0;
    }
}

@media (max-width: 680px) {
    .bdp-container {
        width: min(calc(100% - 20px), var(--bdp-content));
    }

    .bdp-site-header__inner {
        min-height: 74px;
        padding: 8px 12px;
    }

    .bdp-site-logo {
        width: min(218px, calc(100vw - 130px));
        min-height: 48px;
    }

    .bdp-menu-toggle {
        min-width: 50px;
        min-height: 46px;
        padding: 8px 11px;
    }

    .bdp-menu-toggle__text {
        display: none;
    }

    .bdp-tor-strip {
        padding: 14px;
        border-radius: 15px;
    }

    .bdp-tor-strip__intro {
        align-items: flex-start;
    }

    .bdp-tor-strip__logo {
        width: 40px;
        height: 40px;
    }

    .bdp-copy-field__row,
    .bdp-crypto-card .bdp-copy-field__row {
        grid-template-columns: 1fr;
    }

    .bdp-copy {
        width: 100%;
        min-width: 0;
    }

    .bdp-hero {
        margin-bottom: 20px;
        padding: 28px 22px;
        border-radius: 18px;
    }

    .bdp-hero h1 {
        font-size: clamp(2.05rem, 12vw, 3.1rem);
    }

    .bdp-hero__actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .bdp-hero__actions .bdp-button {
        width: 100%;
    }

    .bdp-method-guide {
        padding: 16px;
    }

    .bdp-method-guide__grid {
        grid-template-columns: 1fr;
    }

    .bdp-method-choice {
        min-height: 94px;
    }

    .bdp-payment-warning {
        grid-template-columns: 1fr;
        padding: 19px;
    }

    .bdp-payment-warning__icon {
        width: 50px;
        height: 50px;
    }

    .bdp-donation-card__intro .bdp-payment-warning {
        grid-template-columns: 36px minmax(0, 1fr);
        padding: 13px;
    }

    .bdp-donation-card__intro .bdp-payment-warning__icon {
        width: 36px;
        height: 36px;
    }

    .bdp-donation-unavailable {
        grid-template-columns: 1fr;
        padding: 21px 18px;
        border-radius: 18px;
    }

    .bdp-donation-unavailable__icon {
        width: 58px;
        height: 58px;
    }

    .bdp-donation-card {
        border-radius: 18px;
    }

    .bdp-donation-card__intro,
    .bdp-donation-card__form {
        padding: 22px 18px;
    }

    .bdp-donation-card__intro h2 {
        margin-top: 14px;
        font-size: 1.55rem;
    }

    .bdp-donation-card__intro > p {
        font-size: .84rem;
        line-height: 1.55;
    }

    .bdp-trust-list {
        margin-top: 16px;
        gap: 8px;
    }

    .bdp-trust-list li {
        grid-template-columns: 32px minmax(0, 1fr);
        padding: 9px 10px;
        gap: 9px;
    }

    .bdp-trust-list__icon {
        width: 32px;
        height: 32px;
    }

    .bdp-trust-list__icon .bdp-svg-icon {
        width: 17px;
        height: 17px;
    }

    #bdp-charitable-form-shell .login-prompt {
        margin-bottom: 16px !important;
        padding: 11px 12px 11px 39px !important;
        font-size: .71rem !important;
    }

    #bdp-charitable-form-shell .charitable-currency-selector-container {
        min-height: 56px;
        margin-bottom: 18px !important;
        padding: 7px 8px 7px 12px !important;
        gap: 8px;
    }

    #bdp-charitable-form-shell .charitable-currency-switcher-dropdown-label {
        max-width: 128px;
        font-size: .65rem !important;
        letter-spacing: .025em;
    }

    #bdp-charitable-form-shell select.charitable-currency-selector {
        min-width: 104px !important;
        min-height: 40px !important;
        padding-inline: 10px 30px !important;
        font-size: .78rem !important;
    }

    #bdp-charitable-form-shell #charitable-donation-form ul.donation-amounts.has-suggested-amounts {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    #bdp-charitable-form-shell #charitable-donation-form ul.donation-amounts.has-suggested-amounts > li.suggested-donation-amount > label {
        min-height: 76px !important;
        padding: 12px 36px 11px 12px !important;
    }

    #bdp-charitable-form-shell #charitable-donation-form .suggested-donation-amount > label::after {
        right: 10px;
        width: 21px;
        height: 21px;
    }

    #bdp-charitable-form-shell #charitable-donation-form .suggested-donation-amount .amount {
        font-size: .98rem !important;
    }

    #bdp-charitable-form-shell #charitable-donation-form .suggested-donation-amount .description {
        font-size: .66rem !important;
    }

    #bdp-charitable-form-shell #charitable-donation-form .custom-donation-amount-wrapper {
        grid-template-columns: 1fr !important;
        gap: 6px !important;
    }

    #bdp-charitable-form-shell #charitable-donation-form .custom-donation-amount-wrapper > label {
        min-height: 34px !important;
        padding: 3px 9px 0 !important;
    }

    #bdp-charitable-form-shell #charitable-user-fields {
        grid-template-columns: 1fr !important;
        gap: 0 !important;
    }

    #bdp-charitable-form-shell #charitable-user-fields #charitable_field_email {
        grid-column: 1 !important;
    }

    #bdp-charitable-form-shell #charitable-donation-form .charitable-gateway-fields {
        padding: 14px !important;
    }

    #bdp-charitable-form-shell #charitable-donation-form .recurring-donation-option {
        margin: 12px 0 16px !important;
        padding: 12px 13px !important;
    }

    #bdp-charitable-form-shell #charitable-donation-form .charitable-currency-switcher-message {
        margin-bottom: 18px !important;
        font-size: .74rem !important;
    }

    .bdp-trust-list {
        grid-template-columns: 1fr;
    }

    .bdp-charitable-shell .charitable-donor-name-fields-container,
    .bdp-charitable-shell .charitable-fieldset-fields,
    .bdp-charitable-shell .charitable-form-fieldset-fields {
        grid-template-columns: 1fr;
    }

    #bdp-charitable-form-shell #charitable-user-fields {
        grid-template-columns: 1fr;
    }

    #bdp-charitable-form-shell #charitable-user-fields > .charitable-form-field {
        grid-column: 1 !important;
    }

    #bdp-charitable-form-shell #charitable-gateway-selector.charitable-gateway-tab-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #bdp-charitable-form-shell .charitable-gateway-fields {
        padding: 14px !important;
    }

    .bdp-charitable-shell input[type="text"],
    .bdp-charitable-shell input[type="email"],
    .bdp-charitable-shell input[type="tel"],
    .bdp-charitable-shell input[type="number"],
    .bdp-charitable-shell input[type="password"],
    .bdp-charitable-shell select,
    .bdp-charitable-shell textarea {
        font-size: 16px;
    }

    .bdp-charitable-shell ul.donation-amounts,
    .bdp-charitable-shell ul.recurring-donation-options {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bdp-charitable-shell .custom-donation-amount {
        grid-column: 1 / -1;
    }

    .bdp-charitable-shell .custom-donation-amount-wrapper {
        grid-template-columns: 1fr;
    }

    .bdp-section-heading {
        margin-bottom: 18px;
        padding-inline: 8px;
    }

    .bdp-external-card,
    .bdp-crypto,
    .bdp-transparency {
        padding: 21px 17px;
        border-radius: 18px;
    }

    .bdp-crypto__header-icon {
        display: none;
    }

    .bdp-crypto-alerts,
    .bdp-crypto__grid,
    .bdp-transparency__grid {
        grid-template-columns: 1fr;
    }

    .bdp-crypto-card:last-child:nth-child(odd) {
        grid-column: auto;
    }

    .bdp-thanks {
        grid-template-columns: 1fr;
        padding: 25px 20px;
        border-radius: 18px;
    }

    .bdp-thanks__icon {
        width: 66px;
        height: 66px;
    }

    .bdp-site-footer {
        margin-top: 42px;
    }

    .bdp-site-footer__inner {
        padding-inline: 18px;
    }

    .bdp-site-footer nav {
        display: grid;
        width: 100%;
        grid-template-columns: 1fr;
        gap: 0;
    }

    .bdp-site-footer nav a {
        border-top: 1px solid rgba(255, 255, 255, .08);
        text-align: center;
    }

}

@media (max-width: 420px) {
    #bdp-charitable-form-shell #charitable-gateway-selector.charitable-gateway-tab-list {
        grid-template-columns: 1fr;
    }

    .bdp-crypto-card__head {
        grid-template-columns: 40px minmax(0, 1fr);
    }

    .bdp-crypto-card__head > b {
        grid-column: 1 / -1;
        justify-self: start;
    }
}

@media (max-width: 680px) {
    .bdp-donation-card__intro .bdp-trust-list > li:not(:nth-child(2)) {
        display: none;
    }

    .bdp-donation-card__intro .bdp-trust-list {
        margin-top: 13px;
    }

    #bdp-charitable-form-shell #charitable-gateway-selector.charitable-gateway-tab-list {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    #bdp-charitable-form-shell #charitable-gateway-selector > .charitable-gateway-tab:last-child:nth-child(odd) {
        grid-column: 1 / -1;
    }

    #bdp-charitable-form-shell .fee-relief .charitable-donation-total {
        min-height: 56px;
        padding: 12px 14px !important;
        gap: 12px;
        font-size: .78rem;
    }
}

@media (max-width: 520px) {
    #bdp-charitable-form-shell #charitable-gateway-selector.charitable-gateway-tab-list {
        grid-template-columns: 1fr !important;
    }

    #bdp-charitable-form-shell #charitable-gateway-selector > .charitable-gateway-tab:last-child:nth-child(odd) {
        grid-column: auto;
    }

    #bdp-charitable-form-shell #charitable-gateway-selector > .charitable-gateway-tab > label {
        min-height: 58px !important;
    }
}

@media (max-width: 360px) {
    #bdp-charitable-form-shell .fee-relief .charitable-donation-total {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    #bdp-charitable-form-shell .fee-relief .charitable-donation-total .total-amount {
        justify-self: start;
    }
}

@media (max-width: 350px) {
    #bdp-charitable-form-shell #charitable-donation-form ul.donation-amounts.has-suggested-amounts {
        grid-template-columns: 1fr !important;
    }

    #bdp-charitable-form-shell .charitable-currency-selector-container {
        display: grid !important;
        grid-template-columns: 1fr !important;
        padding: 10px !important;
    }

    #bdp-charitable-form-shell .charitable-currency-switcher-dropdown-label {
        max-width: none;
    }

    #bdp-charitable-form-shell select.charitable-currency-selector {
        width: 100% !important;
    }
}

@media (max-width: 782px) {
    .admin-bar .bdp-site-header {
        top: 46px;
    }
}

/* Charitable compact density pass. Keep all native controls and gateway DOM. */

.bdp-donation-card__form {
    padding: clamp(20px, 2.6vw, 30px);
}

#bdp-charitable-form-shell .login-prompt {
    margin-bottom: 14px !important;
    padding: 9px 12px 9px 40px !important;
}

#bdp-charitable-form-shell .charitable-currency-selector-container {
    min-height: 52px;
    margin-bottom: 14px !important;
    padding: 6px 7px 6px 13px !important;
    gap: 10px;
}

#bdp-charitable-form-shell select.charitable-currency-selector {
    min-height: 40px !important;
    padding-block: 7px !important;
}

#bdp-charitable-form-shell #charitable-donation-form .charitable-form-header {
    min-height: 26px;
    margin: 2px 0 10px !important;
    padding: 0 0 7px 12px !important;
    font-size: .91rem !important;
}

#bdp-charitable-form-shell #charitable-donation-form .charitable-form-header::before {
    height: 18px;
}

#bdp-charitable-form-shell #charitable-donation-form .charitable-donation-options {
    margin-bottom: 12px !important;
}

#bdp-charitable-form-shell input[type="text"],
#bdp-charitable-form-shell input[type="email"],
#bdp-charitable-form-shell input[type="tel"],
#bdp-charitable-form-shell input[type="number"],
#bdp-charitable-form-shell input[type="password"],
#bdp-charitable-form-shell select,
#bdp-charitable-form-shell textarea {
    min-height: 46px !important;
    margin-top: 5px !important;
    padding: 9px 12px !important;
    box-sizing: border-box !important;
}

#bdp-charitable-form-shell #charitable-donation-form ul.donation-amounts.has-suggested-amounts {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-bottom: 8px !important;
}

#bdp-charitable-form-shell #charitable-donation-form ul.donation-amounts.has-suggested-amounts > li.suggested-donation-amount > label {
    height: 100%;
    min-height: 64px !important;
    padding: 9px 34px 9px 11px !important;
    border-radius: 11px !important;
}

#bdp-charitable-form-shell #charitable-donation-form .suggested-donation-amount .amount {
    font-size: 1rem !important;
}

#bdp-charitable-form-shell #charitable-donation-form .suggested-donation-amount .description {
    font-size: .74rem !important;
}

#bdp-charitable-form-shell #charitable-donation-form .suggested-donation-amount > label::after {
    right: 10px;
    width: 20px;
    height: 20px;
}

#bdp-charitable-form-shell #charitable-donation-form .custom-donation-amount-wrapper {
    grid-template-columns: minmax(118px, .32fr) minmax(0, 1fr) !important;
    padding: 5px !important;
    gap: 6px !important;
    border-radius: 11px !important;
}

#bdp-charitable-form-shell #charitable-donation-form .custom-donation-amount-wrapper > label {
    min-height: 44px !important;
    padding-inline: 10px !important;
}

#bdp-charitable-form-shell #charitable-donation-form .custom-donation-input {
    min-height: 44px !important;
    margin-top: 0 !important;
    padding: 8px 11px !important;
}

#bdp-charitable-form-shell #charitable-donation-form .recurring-donation-option {
    margin: 10px 0 13px !important;
    padding: 10px 12px !important;
    gap: 10px !important;
    border-radius: 11px !important;
}

#bdp-charitable-form-shell #charitable-donation-form .charitable-currency-switcher-message {
    margin-bottom: 14px !important;
    padding: 8px 10px 8px 32px !important;
}

#bdp-charitable-form-shell #charitable-donation-form .charitable-currency-switcher-message::before {
    inset: 8px auto auto 11px;
}

#bdp-charitable-form-shell #charitable-donation-form #charitable-donor-fields,
#bdp-charitable-form-shell #charitable-donation-form #charitable-gateway-fields {
    margin-top: 2px !important;
}

#bdp-charitable-form-shell #charitable-user-fields {
    gap: 0 10px !important;
}

#bdp-charitable-form-shell #charitable-user-fields > .charitable-form-group > .charitable-form-field,
#bdp-charitable-form-shell #charitable-user-fields > .charitable-form-field {
    margin-bottom: 10px !important;
}

#bdp-charitable-form-shell #charitable-user-fields input {
    min-height: 44px !important;
    margin-top: 5px !important;
    padding: 8px 11px !important;
}

#bdp-charitable-form-shell #charitable-gateway-selector.charitable-gateway-tab-list {
    gap: 8px !important;
}

#bdp-charitable-form-shell #charitable-gateway-selector > .charitable-gateway-tab {
    width: auto !important;
    max-width: none !important;
}

#bdp-charitable-form-shell #charitable-gateway-selector > .charitable-gateway-tab > label {
    min-height: 56px !important;
    padding: 7px 9px !important;
    gap: 8px !important;
    border-radius: 11px !important;
}

#bdp-charitable-form-shell .charitable-gateway-icon {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    flex-basis: 32px;
    border-radius: 8px;
}

#bdp-charitable-form-shell .charitable-gateway-icon svg {
    width: 20px !important;
    height: 20px !important;
    max-width: 20px !important;
    max-height: 20px !important;
}

#bdp-charitable-form-shell [data-gateway-id="paypal"] .charitable-gateway-icon svg {
    width: 22px !important;
    height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
}

#bdp-charitable-form-shell #charitable-donation-form .charitable-gateway-fields {
    margin: 2px 0 14px !important;
    padding: 13px !important;
    border-radius: 12px !important;
}

#bdp-charitable-form-shell #charitable-donation-form .charitable-gateway-fields label {
    margin: 8px 0 5px !important;
}

#bdp-charitable-form-shell .StripeElement {
    min-height: 46px !important;
    margin-top: 5px !important;
    padding: 10px 12px !important;
    box-sizing: border-box !important;
}

#bdp-charitable-form-shell .fee-relief {
    margin-top: 14px !important;
}

#bdp-charitable-form-shell .fee-relief .charitable-donation-total {
    min-height: 52px;
    padding: 10px 14px !important;
    gap: 10px;
    border-radius: 11px !important;
}

#bdp-charitable-form-shell #charitable-donation-form .charitable-submit-field {
    margin-top: 16px !important;
}

#bdp-charitable-form-shell #charitable-donation-form .charitable-submit-field button[type="submit"] {
    min-height: 50px !important;
    padding: 12px 18px !important;
    border-radius: 11px !important;
    font-size: .92rem !important;
}

.bdp-payment-privacy {
    margin-top: 14px;
    padding: 10px 12px;
}

@media (max-width: 1050px) and (min-width: 681px) {
    .bdp-donation-card__form {
        padding: 22px;
    }
}

@media (max-width: 680px) {
    .bdp-donation-card__intro,
    .bdp-donation-card__form {
        padding: 18px 14px;
    }

    .bdp-donation-card__intro > h2 {
        margin-top: 10px;
        font-size: 1.42rem;
    }

    .bdp-donation-card__intro > p {
        margin-top: 8px;
        font-size: .82rem;
    }

    .bdp-payment-warning {
        margin-top: 14px;
        padding: 11px;
    }

    #bdp-charitable-form-shell select.charitable-currency-selector {
        min-height: 44px !important;
    }

    #bdp-charitable-form-shell #charitable-donation-form ul.donation-amounts.has-suggested-amounts {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    #bdp-charitable-form-shell #charitable-donation-form ul.donation-amounts.has-suggested-amounts > li.suggested-donation-amount > label {
        min-height: 58px !important;
        padding: 8px 32px 8px 10px !important;
    }

    #bdp-charitable-form-shell #charitable-donation-form .custom-donation-amount-wrapper {
        grid-template-columns: minmax(104px, .4fr) minmax(0, 1fr) !important;
    }

    #bdp-charitable-form-shell #charitable-user-fields {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    #bdp-charitable-form-shell #charitable-user-fields #charitable_field_email {
        grid-column: 1 / -1 !important;
    }

    #bdp-charitable-form-shell #charitable-user-fields input {
        min-height: 46px !important;
        font-size: 16px !important;
    }

    #bdp-charitable-form-shell #charitable-gateway-selector.charitable-gateway-tab-list {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    #bdp-charitable-form-shell #charitable-gateway-selector > .charitable-gateway-tab:last-child:nth-child(odd) {
        grid-column: 1 / -1 !important;
    }

    #bdp-charitable-form-shell #charitable-donation-form .charitable-gateway-fields {
        padding: 11px !important;
    }

    #bdp-charitable-form-shell .fee-relief .charitable-donation-total {
        min-height: 50px;
        padding: 9px 12px !important;
    }
}

@media (max-width: 360px) {
    #bdp-charitable-form-shell #charitable-donation-form .custom-donation-amount-wrapper {
        grid-template-columns: minmax(100px, .4fr) minmax(0, 1fr) !important;
    }

    #bdp-charitable-form-shell #charitable-donation-form .custom-donation-amount-wrapper > label {
        min-height: 44px !important;
        padding: 3px 9px !important;
    }

    #bdp-charitable-form-shell #charitable-user-fields {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0 8px !important;
    }

    #bdp-charitable-form-shell #charitable-user-fields #charitable_field_email {
        grid-column: 1 / -1 !important;
    }

    #bdp-charitable-form-shell .fee-relief .charitable-donation-total {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 8px;
    }

    #bdp-charitable-form-shell .fee-relief .charitable-donation-total .total-amount {
        justify-self: end;
    }
}

/* Charitable final visual polish. Keep payment values, fields and submission intact. */

#bdp-charitable-form-shell select.charitable-currency-selector {
    min-height: 44px !important;
}

#bdp-charitable-form-shell #charitable-gateway-selector > .charitable-gateway-tab > label {
    height: 56px !important;
}

#bdp-charitable-form-shell #charitable-donation-form .suggested-donation-amount:focus-within > label,
#bdp-charitable-form-shell #charitable-gateway-selector > .charitable-gateway-tab:focus-within > label {
    outline: 0 !important;
}

#bdp-charitable-form-shell #charitable-donation-form .custom-donation-amount:focus-within .custom-donation-amount-wrapper {
    outline: 0 !important;
}

#bdp-charitable-form-shell #charitable-gateway-selector > .charitable-gateway-tab > input:focus-visible + label {
    outline: 3px solid #9e3039 !important;
    outline-offset: 2px;
}

@supports selector(:has(*)) {
    #bdp-charitable-form-shell #charitable-donation-form .suggested-donation-amount:has(input:focus-visible) > label,
    #bdp-charitable-form-shell #charitable-donation-form .custom-donation-amount:has(input:focus-visible) .custom-donation-amount-wrapper {
        outline: 3px solid #9e3039 !important;
        outline-offset: 2px;
    }
}

#bdp-charitable-form-shell #charitable-donation-form .recurring-donation-option > input[type="checkbox"]:focus-visible {
    outline: 3px solid #9e3039 !important;
    outline-offset: 3px;
}

#bdp-charitable-form-shell #charitable-donation-form .suggested-donation-amount.selected > label {
    box-shadow: 0 0 0 2px rgba(235, 75, 85, .075), 0 6px 15px rgba(186, 54, 64, .075) !important;
}

#bdp-charitable-form-shell #charitable-gateway-selector > .charitable-gateway-tab > input:checked + label,
#bdp-charitable-form-shell #charitable-gateway-selector > .charitable-gateway-tab.active > label {
    box-shadow: 0 0 0 2px rgba(235, 75, 85, .07), 0 5px 13px rgba(186, 54, 64, .065) !important;
}

#bdp-charitable-form-shell #charitable-donor-fields.charitable-fieldset {
    margin-bottom: 12px !important;
}

#bdp-charitable-form-shell #charitable-gateway-fields.charitable-fieldset {
    margin-bottom: 0 !important;
}

#bdp-charitable-form-shell #charitable-donation-form .charitable-gateway-fields > label {
    margin: 0 !important;
}

#bdp-charitable-form-shell #charitable-donation-form .recurring-donation-option {
    min-height: 48px;
}

#bdp-charitable-form-shell .charitable-gateway-icon img {
    max-width: 24px !important;
    max-height: 22px !important;
}

.bdp-charitable-shell button[disabled],
.bdp-charitable-shell input[disabled] {
    cursor: not-allowed;
    opacity: .56;
}

.bdp-charitable-shell .is-loading {
    cursor: wait;
    opacity: .68;
}

@media (hover: hover) {
    #bdp-charitable-form-shell #charitable-donation-form .suggested-donation-amount:not(.selected) > label:hover,
    #bdp-charitable-form-shell #charitable-gateway-selector > .charitable-gateway-tab > input:not(:checked) + label:hover {
        border-color: #bdc9d1 !important;
        background: #fbfcfd !important;
    }
}

@media (max-width: 680px) {
    .bdp-donation-card__intro .bdp-payment-warning {
        margin: 14px 0 0;
        padding: 11px;
        grid-template-columns: 32px minmax(0, 1fr);
    }

    .bdp-donation-card__intro .bdp-payment-warning__icon {
        width: 32px;
        height: 32px;
    }

    #bdp-charitable-form-shell select.charitable-currency-selector {
        font-size: 16px !important;
    }
}

@media (max-width: 350px) {
    #bdp-charitable-form-shell #charitable-donation-form ul.donation-amounts.has-suggested-amounts {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    #bdp-charitable-form-shell #charitable-donation-form ul.donation-amounts.has-suggested-amounts > li.suggested-donation-amount > label {
        height: auto !important;
        min-height: 56px !important;
    }

    #bdp-charitable-form-shell #charitable-donation-form .suggested-donation-amount .amount {
        font-size: .92rem !important;
    }

    #bdp-charitable-form-shell #charitable-donation-form .suggested-donation-amount .description {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        margin: -1px !important;
        padding: 0 !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }

    #bdp-charitable-form-shell .bdp-recurring-note {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        margin: -1px !important;
        padding: 0 !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }

    #bdp-charitable-form-shell .charitable-currency-selector-container {
        display: flex !important;
        grid-template-columns: none !important;
        padding: 6px 7px 6px 11px !important;
    }

    #bdp-charitable-form-shell .charitable-currency-switcher-dropdown-label {
        max-width: 128px;
    }

    #bdp-charitable-form-shell select.charitable-currency-selector {
        width: auto !important;
        min-width: 100px !important;
    }

    #bdp-charitable-form-shell .fee-relief .charitable-donation-total {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 8px;
    }

    #bdp-charitable-form-shell .fee-relief .charitable-donation-total .total-amount {
        justify-self: end;
    }
}

@media (max-width: 340px) {
    .bdp-donation-card__form {
        padding: 16px 12px;
    }
}

/* Charitable payment form refinement. */

@media (max-width: 1180px) {
    .bdp-donation-card {
        grid-template-columns: 1fr;
    }

    .bdp-donation-card__intro {
        border-right: 0;
        border-bottom: 1px solid #eadfe1;
        border-radius: 0;
    }

    .bdp-trust-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .bdp-trust-list li {
        grid-template-columns: 34px minmax(0, 1fr);
    }
}

.bdp-trust-list li,
#bdp-charitable-form-shell #charitable-donation-form .suggested-donation-amount > label,
#bdp-charitable-form-shell #charitable-gateway-selector > .charitable-gateway-tab > label {
    transition:
        transform 180ms cubic-bezier(.22, .61, .36, 1),
        border-color 180ms ease,
        background-color 180ms ease,
        color 180ms ease,
        box-shadow 180ms ease;
}

#bdp-charitable-form-shell #charitable-gateway-selector.charitable-gateway-tab-list > .charitable-gateway-tab > label {
    height: auto !important;
    min-height: 58px !important;
    padding: 8px 12px !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    white-space: normal;
}

#bdp-charitable-form-shell #charitable-gateway-selector .charitable-gateway-label {
    min-width: 0;
    margin: 0 !important;
    flex: 0 1 auto;
    line-height: 1.25 !important;
    text-align: left !important;
    hyphens: none;
    overflow-wrap: normal;
    word-break: normal;
}

#bdp-charitable-form-shell #charitable-gateway-selector > .charitable-gateway-tab > input:checked + label,
#bdp-charitable-form-shell #charitable-gateway-selector > .charitable-gateway-tab.active > label {
    border-color: rgba(235, 75, 85, .72) !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(186, 54, 64, .1) !important;
}

#bdp-charitable-form-shell #charitable-gateway-selector > .charitable-gateway-tab > input:focus-visible + label {
    outline: 2px solid #075985 !important;
    outline-offset: 3px;
}

html.bdp-keyboard-nav #bdp-charitable-form-shell #charitable-gateway-selector > .charitable-gateway-tab > input:focus + label,
html.bdp-keyboard-nav #bdp-charitable-form-shell #charitable-donation-form .recurring-donation-option > input[type="checkbox"]:focus {
    outline: 2px solid #075985 !important;
    outline-offset: 3px;
}

#bdp-charitable-form-shell #charitable-donation-form .suggested-donation-amount.selected > label {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(186, 54, 64, .085) !important;
}

@supports selector(:has(*)) {
    #bdp-charitable-form-shell #charitable-donation-form .suggested-donation-amount:has(input:focus-visible) > label,
    #bdp-charitable-form-shell #charitable-donation-form .custom-donation-amount:has(input:focus-visible) .custom-donation-amount-wrapper {
        outline: 2px solid #075985 !important;
        outline-offset: 3px;
    }

    html.bdp-keyboard-nav #bdp-charitable-form-shell #charitable-donation-form .suggested-donation-amount:has(input:focus) > label,
    html.bdp-keyboard-nav #bdp-charitable-form-shell #charitable-donation-form .custom-donation-amount:has(input:focus) .custom-donation-amount-wrapper {
        outline: 2px solid #075985 !important;
        outline-offset: 3px;
    }
}

#bdp-charitable-form-shell #charitable-donation-form .recurring-donation-option > input[type="checkbox"]:focus-visible {
    outline: 2px solid #075985 !important;
    outline-offset: 3px;
}

html.bdp-keyboard-nav #bdp-charitable-form-shell #charitable-donation-form .suggested-donation-amount:focus-within > label,
html.bdp-keyboard-nav #bdp-charitable-form-shell #charitable-donation-form .custom-donation-amount:focus-within .custom-donation-amount-wrapper {
    outline: 2px solid #075985 !important;
    outline-offset: 3px;
}

#bdp-charitable-form-shell #charitable-donation-form .charitable-gateway-fields[id^="charitable-gateway-fields-"] {
    margin: 2px 0 12px !important;
    padding: 12px !important;
    border: 1px solid #dfe6ea !important;
    border-radius: 12px !important;
    background: linear-gradient(145deg, #fafbfc, #f5f7f8) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9) !important;
    animation: bdp-payment-panel-enter 180ms ease-out both;
}

#bdp-charitable-form-shell #charitable-donation-form .charitable-gateway-fields[id^="charitable-gateway-fields-"] > :first-child {
    margin-top: 0 !important;
}

#bdp-charitable-form-shell #charitable-donation-form .charitable-gateway-fields[id^="charitable-gateway-fields-"] > :last-child {
    margin-bottom: 0 !important;
}

#bdp-charitable-form-shell #charitable_field_cc_name {
    margin: 0 0 9px !important;
}

#bdp-charitable-form-shell #charitable_field_cc_name > label,
#bdp-charitable-form-shell .charitable-gateway-fields .charitable-form-field > label,
#bdp-charitable-form-shell #charitable-donation-form .charitable-gateway-fields > label {
    margin: 0 0 4px !important;
    color: #46515a !important;
    font-size: .75rem !important;
    font-weight: 770 !important;
    line-height: 1.35 !important;
}

#bdp-charitable-form-shell #charitable_field_cc_name_element,
#bdp-charitable-form-shell .charitable-gateway-fields input[type="text"],
#bdp-charitable-form-shell .charitable-gateway-fields input[type="email"] {
    width: 100% !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    border: 1px solid #cfd8df !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: inset 0 1px 2px rgba(24, 35, 45, .025) !important;
}

#bdp-charitable-form-shell #charitable_stripe_card_field {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 44px !important;
    margin: 4px 0 0 !important;
    padding: 6px 12px !important;
    border: 1px solid #cfd8df !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: inset 0 1px 2px rgba(24, 35, 45, .025) !important;
    transition: border-color 160ms ease, box-shadow 160ms ease !important;
}

#bdp-charitable-form-shell #charitable_stripe_card_field.StripeElement--focus {
    border-color: #d63c48 !important;
    box-shadow: 0 0 0 3px rgba(214, 60, 72, .11) !important;
}

#bdp-charitable-form-shell #charitable_stripe_card_field.StripeElement--invalid {
    border-color: #c93640 !important;
}

#bdp-charitable-form-shell #charitable_stripe_card_errors {
    min-height: 0 !important;
    margin: 5px 0 0 !important;
    color: #a9363e !important;
    font-size: .72rem !important;
    line-height: 1.4 !important;
}

#bdp-charitable-form-shell .charitable-paypal-message,
#bdp-charitable-form-shell .charitable-default-gateway-message,
#bdp-charitable-form-shell .charitable-offline-message {
    display: flex;
    min-height: 48px;
    margin: 0 !important;
    padding: 8px 10px !important;
    align-items: center;
    justify-content: center;
    color: #66727d !important;
    font-size: .77rem !important;
    line-height: 1.45 !important;
    text-align: center !important;
}

#bdp-charitable-form-shell #charitable-gateway-fields-stripe_sepa_direct_debit {
    margin: 2px 0 12px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

#bdp-charitable-form-shell #charitable_stripe_sepa_direct_debit_field {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 4px 8px !important;
    background: #fff !important;
}

@keyframes bdp-payment-panel-enter {
    from {
        opacity: .58;
    }

    to {
        opacity: 1;
    }
}

@media (hover: hover) {
    .bdp-trust-list li:hover {
        border-color: rgba(206, 173, 178, .5);
        background: rgba(255, 255, 255, .88);
    }

    #bdp-charitable-form-shell #charitable-gateway-selector > .charitable-gateway-tab > input:not(:checked) + label:hover,
    #bdp-charitable-form-shell #charitable-donation-form .suggested-donation-amount:not(.selected) > label:hover {
        transform: translateY(-1px);
    }
}

@media (max-width: 680px) {
    .bdp-trust-list {
        grid-template-columns: 1fr;
    }

    #bdp-charitable-form-shell #charitable-gateway-selector.charitable-gateway-tab-list > .charitable-gateway-tab > label {
        min-height: 56px !important;
        padding-inline: 10px !important;
    }
}

/* Compact desktop Charitable form. Keep the unified two-column card. */
@media (min-width: 1181px) {
    .bdp-donation-card {
        grid-template-columns: minmax(360px, 390px) minmax(0, 1fr);
    }

    .bdp-donation-card__intro {
        padding: 30px;
    }

    .bdp-donation-card__intro h2 {
        margin: 16px 0 10px;
        font-size: 1.9rem;
    }

    .bdp-donation-card__intro > p {
        line-height: 1.55;
    }

    .bdp-donation-card__intro .bdp-payment-warning {
        margin-top: 18px;
        padding: 13px;
    }

    .bdp-donation-card__intro .bdp-trust-list {
        margin-top: 16px;
        gap: 8px;
    }

    .bdp-donation-card__intro .bdp-trust-list li {
        padding: 10px;
    }

    .bdp-donation-card__form {
        padding: 22px 24px;
    }

    #bdp-charitable-form-shell .login-prompt {
        margin-bottom: 10px !important;
        padding: 8px 11px 8px 39px !important;
    }

    #bdp-charitable-form-shell .charitable-currency-selector-container {
        min-height: 48px;
        margin-bottom: 10px !important;
        padding: 2px 5px 2px 12px !important;
    }

    #bdp-charitable-form-shell select.charitable-currency-selector {
        min-height: 44px !important;
    }

    #bdp-charitable-form-shell #charitable-donation-form .charitable-form-header {
        min-height: 24px;
        margin: 0 0 7px !important;
        padding: 0 0 5px 11px !important;
        font-size: .86rem !important;
    }

    #bdp-charitable-form-shell #charitable-donation-form .charitable-form-header::before {
        inset-block-start: 1px;
        height: 16px;
    }

    #bdp-charitable-form-shell #charitable-donation-form .charitable-donation-options {
        margin-bottom: 8px !important;
    }

    #bdp-charitable-form-shell #charitable-donation-form ul.donation-amounts.has-suggested-amounts {
        margin-bottom: 7px !important;
        gap: 7px !important;
    }

    #bdp-charitable-form-shell #charitable-donation-form ul.donation-amounts.has-suggested-amounts > li.suggested-donation-amount > label {
        min-height: 58px !important;
        padding: 7px 30px 7px 10px !important;
    }

    #bdp-charitable-form-shell #charitable-donation-form .custom-donation-amount-wrapper {
        padding: 3px !important;
        gap: 5px !important;
    }

    #bdp-charitable-form-shell #charitable-donation-form .recurring-donation-option {
        min-height: 48px;
        margin: 8px 0 10px !important;
        padding: 7px 10px !important;
    }

    #bdp-charitable-form-shell #charitable-donation-form .recurring-donation-option > label {
        display: flex !important;
        min-height: 44px;
        flex-direction: column;
        justify-content: center;
    }

    #bdp-charitable-form-shell #charitable-donation-form .charitable-currency-switcher-message {
        margin-bottom: 10px !important;
        padding: 7px 9px 7px 30px !important;
    }

    #bdp-charitable-form-shell #charitable-donation-form .charitable-currency-switcher-message::before {
        inset: 7px auto auto 10px;
    }

    #bdp-charitable-form-shell #charitable-donation-form #charitable-donor-fields,
    #bdp-charitable-form-shell #charitable-donation-form #charitable-gateway-fields {
        margin-top: 0 !important;
    }

    #bdp-charitable-form-shell #charitable-donor-fields.charitable-fieldset {
        margin-bottom: 8px !important;
    }

    #bdp-charitable-form-shell #charitable-user-fields > .charitable-form-group > .charitable-form-field,
    #bdp-charitable-form-shell #charitable-user-fields > .charitable-form-field {
        margin-bottom: 8px !important;
    }

    #bdp-charitable-form-shell #charitable-user-fields input {
        min-height: 44px !important;
        margin-top: 4px !important;
    }

    #bdp-charitable-form-shell #charitable-gateway-tabs {
        margin: 0 0 8px !important;
    }

    #bdp-charitable-form-shell #charitable-gateway-selector {
        margin: 0 !important;
    }

    #bdp-charitable-form-shell #charitable-gateway-selector.charitable-gateway-tab-list {
        gap: 7px !important;
    }

    #bdp-charitable-form-shell #charitable-gateway-selector.charitable-gateway-tab-list > .charitable-gateway-tab > label {
        min-height: 52px !important;
        padding: 6px 9px !important;
    }

    #bdp-charitable-form-shell #charitable-donation-form .charitable-gateway-fields[id^="charitable-gateway-fields-"]:not(#charitable-gateway-fields-stripe_sepa_direct_debit) {
        margin: 0 0 10px !important;
        padding: 10px !important;
    }

    #bdp-charitable-form-shell .charitable-paypal-message,
    #bdp-charitable-form-shell .charitable-default-gateway-message,
    #bdp-charitable-form-shell .charitable-offline-message {
        min-height: 44px;
        padding: 6px 8px !important;
    }

    #bdp-charitable-form-shell .fee-relief {
        margin-top: 10px !important;
    }

    #bdp-charitable-form-shell .fee-relief .charitable-donation-total {
        min-height: 48px;
        padding: 8px 12px !important;
    }

    #bdp-charitable-form-shell #charitable-donation-form .charitable-submit-field {
        margin-top: 12px !important;
    }

    #bdp-charitable-form-shell #charitable-donation-form .charitable-submit-field button[type="submit"] {
        min-height: 48px !important;
        padding: 10px 16px !important;
    }

    .bdp-payment-privacy {
        margin-top: 10px;
        padding: 9px 11px;
    }
}

@media (min-width: 1181px) {
    @supports selector(:has(*)) {
        #bdp-charitable-form-shell #charitable-user-fields:has(#charitable_field_first_name):has(#charitable_field_last_name):has(#charitable_field_email) {
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        }

        #bdp-charitable-form-shell #charitable-user-fields:has(#charitable_field_first_name):has(#charitable_field_last_name):has(#charitable_field_email) #charitable_field_email {
            grid-column: auto !important;
        }
    }
}

@media (prefers-reduced-motion: reduce) {
    .bdp-trust-list li,
    #bdp-charitable-form-shell #charitable-donation-form .suggested-donation-amount > label,
    #bdp-charitable-form-shell #charitable-gateway-selector > .charitable-gateway-tab > label {
        transform: none !important;
        transition: none !important;
    }

    #bdp-charitable-form-shell #charitable-donation-form .charitable-gateway-fields {
        animation: none !important;
    }
}

@media (hover: none) {
    .bdp-button:hover,
    .bdp-method-choice:hover,
    .bdp-site-nav a.bdp-site-nav__donate:hover {
        transform: none;
    }

    #bdp-charitable-form-shell #charitable-donation-form .charitable-submit-field button[type="submit"]:hover {
        transform: none !important;
    }
}

@media (max-width: 360px) {
    .bdp-eyebrow {
        padding-inline: 8px 10px;
        gap: 5px;
        font-size: .68rem;
        letter-spacing: .055em;
    }

    .bdp-eyebrow > .bdp-svg-icon {
        width: 13px;
        height: 13px;
    }
}

/* Final responsive and accessibility guardrails. These rules intentionally
 * live after the density passes so narrow layouts cannot be reopened by a
 * later desktop-oriented override. */

.bdp-external-card__note,
.bdp-crypto-card__head small,
.bdp-transparency__grid p,
.bdp-recurring-note {
    color: #59656f;
}

.bdp-payment-privacy,
.bdp-method-choice__copy small {
    color: #59656f;
}

.bdp-external-card__note,
.bdp-crypto-card__head small,
.bdp-recurring-note {
    font-size: max(.72rem, 12px);
}

#bdp-charitable-form-shell #charitable-donation-form .recurring-donation-option,
#bdp-charitable-form-shell #charitable-donation-form .recurring-donation-option > label {
    cursor: pointer;
}

@media (max-width: 680px) {
    .bdp-motion-ready [data-bdp-reveal],
    .bdp-motion-ready .bdp-method-guide[data-bdp-reveal] .bdp-method-guide__grid > li,
    .bdp-motion-ready .bdp-transparency[data-bdp-reveal] .bdp-transparency__grid > article {
        opacity: 1;
        transform: none;
        transition: none;
    }

    .bdp-motion-ready [data-bdp-reveal]:not(.is-visible) {
        will-change: auto;
    }
}

@media (max-width: 520px) {
    #bdp-charitable-form-shell #charitable-gateway-selector.charitable-gateway-tab-list {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    #bdp-charitable-form-shell #charitable-gateway-selector > .charitable-gateway-tab:last-child:nth-child(odd) {
        grid-column: auto;
    }
}

@media (max-width: 340px) {
    #bdp-charitable-form-shell #charitable-donation-form ul.donation-amounts.has-suggested-amounts,
    #bdp-charitable-form-shell #charitable-gateway-selector.charitable-gateway-tab-list,
    #bdp-charitable-form-shell #charitable-user-fields,
    #bdp-charitable-form-shell #charitable-donation-form .custom-donation-amount-wrapper,
    #bdp-charitable-form-shell .fee-relief .charitable-donation-total {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    #bdp-charitable-form-shell .charitable-currency-selector-container {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        padding: 9px !important;
    }

    #bdp-charitable-form-shell .charitable-currency-switcher-dropdown-label {
        max-width: none;
    }

    #bdp-charitable-form-shell select.charitable-currency-selector {
        width: 100% !important;
        min-width: 0 !important;
    }

    #bdp-charitable-form-shell #charitable-donation-form .custom-donation-amount-wrapper > label,
    #bdp-charitable-form-shell #charitable-donation-form .custom-donation-amount-wrapper input {
        width: 100% !important;
    }

    #bdp-charitable-form-shell .fee-relief .charitable-donation-total .total-amount {
        justify-self: start;
    }

    #bdp-charitable-form-shell #charitable-donation-form .suggested-donation-amount .description,
    #bdp-charitable-form-shell .bdp-recurring-note {
        position: static !important;
        display: block !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        clip: auto !important;
        clip-path: none !important;
        overflow: visible !important;
        white-space: normal !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    .belzhd-donate-standalone-page *,
    .belzhd-donate-standalone-page *::before,
    .belzhd-donate-standalone-page *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}

/* 1.2.4 — final visual-system alignment with the feedback page. */

@media (min-width: 1051px) {
    .bdp-site-header__inner {
        width: min(calc(100% - 40px), 1180px);
        max-width: none;
        min-height: 78px;
        padding: 8px 0;
        gap: 20px;
    }

    .bdp-site-logo {
        width: 260px;
        min-height: 52px;
    }

    .bdp-site-logo img {
        max-height: 52px;
    }

    .bdp-site-nav a {
        min-height: 40px;
        padding: 8px 10px;
        border-radius: 9px;
        font-size: .78rem;
    }

    .bdp-site-nav a.bdp-site-nav__donate {
        min-height: 44px;
        margin-left: 5px;
        padding-inline: 15px;
        box-shadow: 0 10px 22px rgba(201, 54, 64, .2);
    }
}

@media (max-width: 1050px) {
    .bdp-site-header__inner {
        min-height: 70px;
        padding: 7px 14px;
    }

    .bdp-site-logo {
        min-height: 50px;
    }

    .bdp-site-logo img {
        max-height: 50px;
    }

    .bdp-menu-toggle {
        min-height: 44px;
        border-radius: 10px;
    }

    .bdp-site-nav a,
    .bdp-site-nav a.bdp-site-nav__donate {
        min-height: 44px;
        border-radius: 9px;
        font-size: .82rem;
    }
}

@media (max-width: 680px) {
    .bdp-site-header__inner {
        min-height: 70px;
        padding: 7px 12px;
    }

    .bdp-site-logo {
        min-height: 46px;
    }

    .bdp-site-logo img {
        max-height: 46px;
    }

    .bdp-menu-toggle {
        min-height: 44px;
    }
}

.bdp-button {
    min-height: 44px;
    padding: 10px 15px;
    gap: 9px;
    border-radius: 9px;
    font-size: .76rem;
    font-weight: 780;
    transition:
        transform 180ms ease,
        box-shadow 180ms ease,
        background-color 180ms ease,
        border-color 180ms ease,
        color 180ms ease;
}

.bdp-button .bdp-svg-icon {
    width: 17px;
    height: 17px;
}

.bdp-button:hover,
.bdp-button:focus-visible {
    transform: translateY(-1px);
}

.belzhd-donate-standalone-page a.bdp-button--primary {
    box-shadow: 0 10px 22px rgba(201, 54, 64, .2);
}

.belzhd-donate-standalone-page a.bdp-button--primary:hover,
.belzhd-donate-standalone-page a.bdp-button--primary:focus-visible {
    box-shadow: 0 13px 27px rgba(201, 54, 64, .23);
}

.bdp-copy-field__label {
    font-size: .69rem;
    font-weight: 800;
    letter-spacing: .055em;
}

.bdp-copy-field__row,
.bdp-crypto-card .bdp-copy-field__row {
    grid-template-columns: minmax(0, 1fr) 128px;
    gap: 8px;
}

.bdp-copy-field__row code {
    min-height: 46px;
    padding: 9px 13px;
    border-radius: 10px;
    font-size: .74rem;
}

.belzhd-donate-standalone-page .bdp-copy {
    grid-template-columns: 17px auto;
    min-width: 128px;
    min-height: 46px;
    padding: 0 12px;
    gap: 7px;
    border-radius: 9px;
    font-size: .7rem;
    font-weight: 750;
    box-shadow: 0 4px 12px rgba(33, 43, 52, .045);
}

.bdp-copy .bdp-copy__icon {
    width: 16px;
    height: 16px;
}

.bdp-copy:hover,
.bdp-copy:focus-visible {
    box-shadow: 0 7px 16px rgba(33, 43, 52, .075);
}

.bdp-copy.is-copied {
    border-color: #2d8f5d;
    background: #2d8f5d;
    color: #fff;
    box-shadow: 0 0 0 3px rgba(45, 143, 93, .12);
}

.bdp-copy-field__row:has(.bdp-copy.is-copied) code {
    border-color: #b9dec9;
    background: #f1fbf4;
}

.bdp-method-guide {
    padding: 16px;
    gap: 18px;
}

.bdp-method-guide__grid {
    align-items: stretch;
}

.bdp-method-guide__grid > li {
    display: flex;
    min-width: 0;
}

.bdp-method-choice {
    width: 100%;
    height: 100%;
    min-height: 98px;
    padding: 12px;
    border-radius: 12px;
    box-shadow: inset 0 2px 0 rgba(var(--bdp-choice), .72);
    transition:
        transform 220ms var(--bdp-ease-out),
        border-color 220ms ease,
        background-color 220ms ease,
        box-shadow 220ms ease;
}

.bdp-method-choice--paypal {
    --bdp-choice: 0, 140, 255;
    --bdp-choice-ink: #002991;
}

.bdp-method-choice--coffee {
    --bdp-choice: 224, 177, 0;
    --bdp-choice-ink: #594600;
}

.bdp-method-choice:hover,
.bdp-method-choice:focus-visible,
.bdp-method-choice.is-selected {
    box-shadow:
        inset 0 3px 0 rgba(var(--bdp-choice), .88),
        0 10px 24px rgba(var(--bdp-choice), .1);
    transform: translateY(-2px);
}

.bdp-method-choice--paypal .bdp-method-choice__icon {
    border-color: #d4e8ff;
    background: linear-gradient(145deg, #fff, #edf7ff);
}

.bdp-method-choice--paypal .bdp-method-choice__icon .bdp-brand-icon {
    width: 34px;
    height: auto;
}

.bdp-method-choice--coffee .bdp-method-choice__icon {
    border-color: #e4c100;
    background: #ffdd00;
}

/* Charitable remains the only owner of the payment form DOM. */

#bdp-charitable-form-shell {
    --charitable-button-bg: var(--bdp-red-action);
    --charitable-button-border-radius: 10px;
    --charitable-button-padding-y: 11px;
    --charitable-button-padding-x: 24px;
    --charitable-button-font-size: .88rem;
}

#bdp-charitable-form-shell #charitable-gateway-selector.charitable-gateway-tab-list > .charitable-gateway-tab > label {
    min-height: 50px !important;
    padding: 6px 10px !important;
    gap: 8px !important;
    border-radius: 10px !important;
    font-size: .76rem !important;
}

#bdp-charitable-form-shell .charitable-gateway-icon {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    flex-basis: 30px;
    border: 1px solid rgba(203, 210, 217, .82);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 3px 9px rgba(29, 37, 45, .045);
}

#bdp-charitable-form-shell [data-gateway-id="stripe"] .charitable-gateway-icon {
    border-color: #ded9ff;
    background: #f4f2ff;
    color: #635bff;
}

#bdp-charitable-form-shell [data-gateway-id="paypal"] .charitable-gateway-icon {
    border-color: #d4e8ff;
    background: #edf7ff;
}

#bdp-charitable-form-shell [data-gateway-id="stripe_sepa_direct_debit"] .charitable-gateway-icon {
    border-color: #d5e9f6;
    background: #eef8fd;
    color: #1268a8;
}

#bdp-charitable-form-shell #charitable-gateway-selector [data-gateway-id="stripe"] > input:checked + label,
#bdp-charitable-form-shell #charitable-gateway-selector [data-gateway-id="stripe"].active > label {
    border-color: rgba(99, 91, 255, .54) !important;
    background: linear-gradient(145deg, #fff, #f5f3ff) !important;
    color: #3f389b !important;
    box-shadow: 0 6px 16px rgba(99, 91, 255, .11) !important;
}

#bdp-charitable-form-shell #charitable-gateway-selector [data-gateway-id="paypal"] > input:checked + label,
#bdp-charitable-form-shell #charitable-gateway-selector [data-gateway-id="paypal"].active > label {
    border-color: rgba(0, 140, 255, .5) !important;
    background: linear-gradient(145deg, #fff, #eff8ff) !important;
    color: #07579d !important;
    box-shadow: 0 6px 16px rgba(0, 80, 166, .1) !important;
}

#bdp-charitable-form-shell #charitable-gateway-selector [data-gateway-id="stripe_sepa_direct_debit"] > input:checked + label,
#bdp-charitable-form-shell #charitable-gateway-selector [data-gateway-id="stripe_sepa_direct_debit"].active > label {
    border-color: rgba(18, 104, 168, .5) !important;
    background: linear-gradient(145deg, #fff, #eef8fd) !important;
    color: #125d91 !important;
    box-shadow: 0 6px 16px rgba(18, 104, 168, .1) !important;
}

#bdp-charitable-form-shell #charitable-donation-form .charitable-submit-field button[type="submit"],
#bdp-charitable-form-shell #charitable-donation-form .charitable-submit-field input[type="submit"] {
    min-height: 50px !important;
    padding: 11px 24px !important;
    border-radius: 10px !important;
    background: var(--bdp-red-action) !important;
    font-size: .88rem !important;
    font-weight: 800 !important;
    box-shadow: 0 10px 22px rgba(201, 54, 64, .2) !important;
}

#bdp-charitable-form-shell #charitable-donation-form .charitable-submit-field button[type="submit"]:not(:disabled):not(.disabled-for-recurring):hover,
#bdp-charitable-form-shell #charitable-donation-form .charitable-submit-field input[type="submit"]:not(:disabled):not(.disabled-for-recurring):hover {
    background: var(--bdp-red-action-dark) !important;
    box-shadow: 0 13px 27px rgba(201, 54, 64, .23) !important;
    transform: translateY(-1px) !important;
}

.bdp-recurring-management {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    margin: 16px 0 0;
    padding: 14px;
    gap: 12px;
    border: 1px solid #d9e1e6;
    border-radius: 10px;
    background:
        radial-gradient(circle at 100% 0, rgba(22, 116, 184, .055), transparent 36%),
        #f8fafb;
    box-shadow: 0 3px 12px rgba(29, 37, 45, .04);
}

.bdp-donation-card > .bdp-recurring-management {
    grid-column: 1 / -1;
    margin: 0 clamp(18px, 2.6vw, 30px) clamp(20px, 3vw, 30px);
}

.bdp-recurring-management__icon {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid #d6e5ee;
    border-radius: 10px;
    background: #fff;
    color: #3e718f;
}

.bdp-recurring-management__icon .bdp-svg-icon {
    width: 20px;
    height: 20px;
}

.bdp-recurring-management__copy {
    min-width: 0;
}

.bdp-recurring-management h3 {
    margin: 0 0 3px;
    color: #3a434c;
    font-size: .88rem;
    letter-spacing: -.012em;
    line-height: 1.3;
}

.bdp-recurring-management p {
    margin: 0;
    color: #65717b;
    font-size: .76rem;
    line-height: 1.48;
}

.bdp-recurring-management small {
    display: block;
    margin-top: 4px;
    color: #8a5f63;
    font-size: .69rem;
    font-weight: 650;
    line-height: 1.4;
}

.bdp-recurring-management__action {
    min-width: 132px;
}

@media (min-width: 1181px) {
    .bdp-method-choice__meta {
        font-size: .64rem;
        letter-spacing: .055em;
        white-space: nowrap;
    }

    .bdp-donation-card__intro > .bdp-recurring-management {
        grid-template-columns: 40px minmax(0, 1fr);
        margin: 16px 0 0;
        padding: 12px;
        gap: 10px;
        border-color: rgba(198, 176, 180, .42);
        background: rgba(255, 255, 255, .68);
        box-shadow: none;
    }

    .bdp-donation-card__intro > .bdp-recurring-management .bdp-recurring-management__icon {
        width: 40px;
        height: 40px;
    }

    .bdp-donation-card__intro > .bdp-recurring-management .bdp-recurring-management__action {
        grid-column: 1 / -1;
        width: 100%;
        min-width: 0;
    }
}

/* Provider-led cards: recognizable brands, one shared layout language. */

.bdp-external-methods {
    gap: 16px;
}

.bdp-external-card {
    --bdp-provider: #76838e;
    --bdp-provider-rgb: 118, 131, 142;
    min-height: 312px;
    padding: clamp(24px, 3vw, 32px);
    border-top-width: 0;
    border-radius: 22px;
    background:
        radial-gradient(circle at 94% 4%, rgba(var(--bdp-provider-rgb), .11), transparent 28%),
        #fff;
    box-shadow:
        inset 0 4px 0 var(--bdp-provider),
        var(--bdp-shadow-card);
    transition:
        transform 220ms var(--bdp-ease-out),
        border-color 220ms ease,
        box-shadow 220ms ease;
}

.bdp-external-card::before {
    display: none;
}

.bdp-external-card--paypal {
    --bdp-provider: #008cff;
    --bdp-provider-rgb: 0, 140, 255;
    color: #002991;
}

.bdp-external-card--coffee {
    --bdp-provider: #e0b100;
    --bdp-provider-rgb: 224, 177, 0;
    color: #594600;
}

.bdp-external-card__brand {
    margin-bottom: 20px;
}

.bdp-external-card__logo {
    width: 56px;
    height: 56px;
    border-radius: 14px;
}

.bdp-external-card__logo .bdp-brand-icon {
    width: 32px;
    height: 32px;
}

.bdp-external-card--paypal .bdp-external-card__logo .bdp-brand-icon {
    width: 45px;
    height: auto;
}

.bdp-external-card h3 {
    margin-bottom: 9px;
    font-size: clamp(1.35rem, 2.3vw, 1.72rem);
}

.bdp-external-card > p {
    margin-bottom: 20px;
    font-size: .86rem;
    line-height: 1.56;
}

.bdp-external-card .bdp-button {
    min-height: 45px;
}

.belzhd-donate-standalone-page a.bdp-button--paypal {
    background: #0070ba;
    box-shadow: 0 9px 20px rgba(0, 112, 186, .18);
}

.belzhd-donate-standalone-page a.bdp-button--paypal:hover,
.belzhd-donate-standalone-page a.bdp-button--paypal:focus-visible {
    background: #005ea6;
}

.belzhd-donate-standalone-page a.bdp-button--coffee {
    background: #ffdd00;
    color: #28220a;
    box-shadow: 0 9px 20px rgba(166, 126, 0, .16);
}

.belzhd-donate-standalone-page a.bdp-button--coffee:hover,
.belzhd-donate-standalone-page a.bdp-button--coffee:focus-visible {
    background: #f1cc00;
}

.bdp-crypto-card {
    --bdp-provider: #6746eb;
    --bdp-provider-rgb: 103, 70, 235;
    border-radius: 15px;
    background:
        radial-gradient(circle at 98% 0, rgba(var(--bdp-provider-rgb), .055), transparent 28%),
        rgba(255, 255, 255, .96);
    box-shadow:
        inset 0 3px 0 rgba(var(--bdp-provider-rgb), .82),
        var(--bdp-shadow-xs);
}

.bdp-crypto-card--bitcoin {
    --bdp-provider: #f7931a;
    --bdp-provider-rgb: 247, 147, 26;
}

.bdp-crypto-card--ethereum {
    --bdp-provider: #627eea;
    --bdp-provider-rgb: 98, 126, 234;
}

.bdp-crypto-card--erc20,
.bdp-crypto-card--trc20 {
    --bdp-provider: #009393;
    --bdp-provider-rgb: 0, 147, 147;
}

.bdp-crypto-card--trx {
    --bdp-provider: #ea0029;
    --bdp-provider-rgb: 234, 0, 41;
}

.bdp-crypto-card__head > b {
    border-color: rgba(var(--bdp-provider-rgb), .25);
    background: rgba(var(--bdp-provider-rgb), .065);
    color: #46515b;
}

@media (hover: hover) and (pointer: fine) {
    .bdp-external-card:hover,
    .bdp-external-card:focus-within,
    .bdp-crypto-card:hover,
    .bdp-crypto-card:focus-within {
        border-color: rgba(var(--bdp-provider-rgb), .35);
        box-shadow:
            inset 0 4px 0 var(--bdp-provider),
            0 16px 34px rgba(var(--bdp-provider-rgb), .1),
            0 12px 32px rgba(29, 37, 45, .06);
        transform: translateY(-2px);
    }

    .bdp-external-card:hover .bdp-external-card__logo,
    .bdp-external-card:focus-within .bdp-external-card__logo,
    .bdp-crypto-card:hover .bdp-crypto-card__mark,
    .bdp-crypto-card:focus-within .bdp-crypto-card__mark {
        box-shadow: 0 8px 18px rgba(var(--bdp-provider-rgb), .14);
        transform: translateY(-1px);
    }
}

@media (prefers-reduced-motion: no-preference) and (min-width: 681px) {
    .bdp-motion-ready .bdp-external-methods[data-bdp-reveal] .bdp-external-card,
    .bdp-motion-ready .bdp-crypto[data-bdp-reveal] .bdp-crypto-card {
        opacity: .92;
        transform: translateY(6px);
        transition:
            opacity 270ms ease,
            transform 310ms var(--bdp-ease-out),
            border-color 220ms ease,
            box-shadow 220ms ease;
    }

    .bdp-motion-ready .bdp-external-methods.is-visible .bdp-external-card,
    .bdp-motion-ready .bdp-crypto.is-visible .bdp-crypto-card {
        opacity: 1;
        transform: none;
    }

    .bdp-motion-ready .bdp-external-methods.is-visible .bdp-external-card:nth-child(2),
    .bdp-motion-ready .bdp-crypto.is-visible .bdp-crypto-card:nth-child(2) {
        transition-delay: 45ms;
    }

    .bdp-motion-ready .bdp-crypto.is-visible .bdp-crypto-card:nth-child(3) {
        transition-delay: 90ms;
    }

    .bdp-motion-ready .bdp-crypto.is-visible .bdp-crypto-card:nth-child(4) {
        transition-delay: 135ms;
    }

    .bdp-motion-ready .bdp-crypto.is-visible .bdp-crypto-card:nth-child(5) {
        transition-delay: 180ms;
    }

    .bdp-motion-ready .bdp-external-methods.is-visible .bdp-external-card:hover,
    .bdp-motion-ready .bdp-external-methods.is-visible .bdp-external-card:focus-within,
    .bdp-motion-ready .bdp-crypto.is-visible .bdp-crypto-card:hover,
    .bdp-motion-ready .bdp-crypto.is-visible .bdp-crypto-card:focus-within {
        transform: translateY(-2px);
        transition-delay: 0s;
    }
}

@media (max-width: 680px) {
    .bdp-motion-ready .bdp-external-methods[data-bdp-reveal] .bdp-external-card,
    .bdp-motion-ready .bdp-crypto[data-bdp-reveal] .bdp-crypto-card {
        opacity: 1;
        transform: none;
        transition: none;
    }

    .bdp-recurring-management {
        grid-template-columns: 40px minmax(0, 1fr);
        padding: 12px;
        gap: 10px;
    }

    .bdp-recurring-management__icon {
        width: 40px;
        height: 40px;
    }

    .bdp-recurring-management__action {
        grid-column: 1 / -1;
        width: 100%;
    }
}

@media (max-width: 520px) {
    .bdp-copy-field__row,
    .bdp-crypto-card .bdp-copy-field__row {
        grid-template-columns: minmax(0, 1fr);
    }

    .bdp-copy {
        width: 100%;
        min-width: 0;
    }

    .bdp-external-card {
        min-height: 0;
        padding: 22px 18px;
    }
}

@media print {
    .bdp-site-header,
    .bdp-site-footer,
    .bdp-tor-strip,
    .bdp-method-guide,
    .bdp-hero__actions,
    .bdp-copy,
    .bdp-button,
    .bdp-toast {
        display: none !important;
    }

    body.belzhd-donate-standalone-page,
    .bdp-page {
        background: #fff;
    }

    .bdp-container {
        width: 100%;
    }

    .bdp-hero,
    .bdp-donation-card,
    .bdp-external-card,
    .bdp-crypto,
    .bdp-transparency,
    .bdp-recurring-management,
    .bdp-thanks {
        break-inside: avoid;
        box-shadow: none;
    }

}
