/* C2 checkout / thank-you styles extracted from the DEV build (as tested). Loaded only on the donate,
   payment and thank-you pages, after frontend.css; frontend.css itself is NOT replaced. */
:root{--ftf-card-radius:22px;--ftf-font:Roboto,Arial,sans-serif;--ftf-gold:#c9a24a;--ftf-gold-gradient:linear-gradient(#d4ae55,#c49b3f);--ftf-ink:#111}
.tip-slider{-webkit-appearance:none;width:100%;height:5px;border-radius:5px;background:#eee;outline:none}
.tip-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:30px;height:30px;border-radius:9999px;background:#ececec;background-image:url("/img/frontend/groups/icon-standard.png");background-size:22px auto;background-repeat:no-repeat;background-position:center;cursor:pointer;transition:all .2s}
.tip-slider::-webkit-slider-thumb:hover{box-shadow:0 0 5px 0px rgba(0,0,0,.4);transform:scale(1.2)}
.tip-slider::-moz-range-thumb{border:0;width:30px;height:30px;border-radius:9999px;background:#ececec;background-image:url("/img/frontend/groups/icon-standard.png");background-size:22px auto;background-repeat:no-repeat;background-position:center;cursor:pointer;transition:all .2s}
.tip-slider::-moz-range-thumb:hover{box-shadow:0 0 5px 0px rgba(0,0,0,.4);transform:scale(1.2)}
.tip-slider__steps{display:flex;justify-content:space-between;align-items:center;width:100%;margin:10px 0 20px;padding:0;list-style:none}
.tip-slider__steps .tip-slider__step .tip-slider__step__inner{padding:4px 10px;font-size:1.2em;white-space:nowrap;box-shadow:0 2px 5px 0px rgba(0,0,0,.18);border-radius:4px}
body .ftf-checkout .checkout-presets button{border-radius:999px;border:2px solid #ce9c33;padding:10px 4px;color:#202020}
body .ftf-checkout .checkout-presets button[aria-pressed="true"]{padding:10px 4px;background:#ce9c33;color:#111}
body .ftf-checkout .card-title{font-size:1.75rem;line-height:1.2}
#tipSlider .slider-selection{background: #ce9c33;}
#tipSlider .slider-handle{background: #a87611;}
#tipSlider .slider-tick.in-selection{background: #ce9c33;}
.payment-loader{width: 25px;
            height: 25px;
            border: 3px solid #FFF;
            border-bottom-color: transparent;
            border-radius: 50%;
            display: inline-block;
            box-sizing: border-box;
            animation: rotation 1s linear infinite;}
.ftf-checkout .checkout-support{padding:16px 0;border-bottom:1px solid #e5e2dc;margin-bottom:24px}
.ftf-checkout .checkout-presets{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:24px 0 16px}
.ftf-checkout .checkout-presets button{position:relative;min-height:52px;border:1px solid #d5d0c6;border-radius:8px;background:white;color:#302b23;font:inherit;font-weight:700;padding:12px 4px}
.ftf-checkout .checkout-presets button[aria-pressed="true"]{border:2px solid #ce9c33;background:#fff8e9;padding:11px 3px}
.ftf-checkout .checkout-presets small{display:block;font-size:9px;line-height:12px;color:#76571b}
.ftf-checkout .checkout-summary{margin-top:24px;padding:20px 0;border-top:1px solid #ddd}
.ftf-checkout .checkout-summary>div{display:flex;justify-content:space-between;gap:16px;margin:8px 0}
.ftf-checkout .checkout-summary>div:last-child{font-weight:700;font-size:1.2rem}
.ftf-checkout #contribute-btn{width:100%;min-height:56px}
.ftf-checkout .checkout-mobile-bar{display:none}
@media(max-width:767.98px){.ftf-checkout{padding-bottom:100px}.ftf-checkout .checkout-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ftf-checkout .checkout-sidebar{display:none}.ftf-checkout input{font-size:1rem!important}.ftf-checkout .checkout-mobile-bar{display:flex;align-items:center;gap:16px;position:fixed;bottom:0;left:0;right:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:white;border-top:1px solid #ddd;z-index:20}.ftf-checkout .checkout-mobile-bar .btn{flex:1;min-height:56px;margin:0}.ftf-checkout .checkout-mobile-bar strong{white-space:nowrap}}
.ftf-checkout .contribution-field .input-group{display:flex;align-items:center;min-height:72px;flex-wrap:nowrap;border:1px solid #d5d0c6;border-radius:8px;padding:8px 12px;background:#fff}
.ftf-checkout .contribution-field #amount{min-width:0;width:100%;flex:1;height:56px!important;font-size:32px!important;color:#302b23!important;text-align:right;padding:8px!important;border:0;background:transparent;line-height:40px}
.ftf-checkout .contribution-field .input-group-text{position:static!important;flex:0 0 auto;font-size:28px;line-height:40px;padding:0 8px;border:0;background:transparent;color:#302b23}
.ftf-checkout .contribution-field .input-group-prepend,.ftf-checkout .contribution-field .input-group-append{position:static!important;display:flex!important;flex:0 0 auto!important;width:auto!important;margin:0!important}
.ftf-checkout .contribution-field #amount{flex:1 1 0!important;width:0!important}
.ftf-checkout #tip-section h2{font-size:20px;line-height:1.35}
.ftf-checkout .checkout-mobile-bar[hidden]{display:none!important}
.ftf-checkout .checkout-presets{margin-top:2.1rem}
.ftf-checkout .checkout-presets small{position:absolute;bottom:calc(100% + .25rem);left:50%;transform:translateX(-50%);background:#333;color:#fff;border-radius:.25rem;padding:.2rem .35rem;white-space:nowrap;font-size:.6rem;line-height:1.2}
.ftf-checkout .contribution-field .input-group{background:#f3f4f5;border:0}
.ftf-checkout .contribution-field .input-group-prepend .input-group-text{color:#c9a24a;font-size:2.5rem}
.ftf-checkout .checkout-summary{padding:1rem;border:1px solid #ddd;border-radius:.65rem;background:#fafafa}
.ftf-checkout .checkout-summary>div:last-child{color:#9b762b}
.ftf-checkout .checkout-support{display:flex;align-items:center;gap:1rem}
.ftf-checkout .checkout-support>img{width:4.5rem;height:4.5rem;object-fit:cover;border-radius:.75rem;flex-shrink:0}
.ftf-checkout .checkout-support p{margin:.5rem 0 0;font-size:.85rem;color:#555}
.checkout-verified{color:#217b38;white-space:nowrap}
.ftf-checkout #tip-slider-container{position:relative;padding-top:2.5rem}
.ftf-checkout #checkout-tip-bubble{position:absolute;top:0;left:var(--tip-position,40%);transform:translateX(-50%);background:#fff;border:1px solid #c9a24a;border-radius:.45rem;padding:.3rem .5rem;color:#333;font-weight:700;font-size:.8rem;white-space:nowrap}
.ftf-checkout #choose-card{display:block;width:100%;text-align:left;border:2px solid #2673c9;border-radius:.75rem;background:#fff;color:#111;padding:1rem}
.ftf-checkout .campaign-creation-card{border:1px solid #c9a24a26;border-radius:var(--ftf-radius-card,22px);box-shadow:0 10px 28px #0000000a}
.ftf-checkout .form-control{border-radius:.65rem}
.ftf-checkout #contribute-btn,.ftf-checkout #checkout-sticky-donate{background:var(--ftf-gold-gradient);border:0;color:#fff;font-weight:700;text-transform:uppercase;box-shadow:0 5px 15px #c9a24a33}
@media(prefers-reduced-motion:reduce){.ftf-checkout .payment-loader,.ftf-checkout .tip-slider-loading>div{animation:none!important}}
.ftf-checkout .checkout-methods{display:grid;gap:.65rem;margin:1rem 0}
.ftf-checkout .checkout-method,.ftf-checkout #choose-card{width:100%;padding:1rem;text-align:left;border:2px solid #dce0e5;border-radius:.75rem;background:#fff;color:#111}
.ftf-checkout .checkout-method[aria-pressed="true"]{border-color:#2673c9}
.ftf-checkout .checkout-method::before{content:"○";margin-right:.7rem}
.ftf-checkout .checkout-method[aria-pressed="true"]::before{content:"●";color:#2673c9}
.ftf-checkout .checkout-method[hidden],.ftf-checkout #wallet-options[hidden]{display:none!important}
.ftf-checkout .checkout-wallet-slot{min-height:1px}
.ftf-checkout .checkout-wallet-action{margin:1rem 0;min-height:48px}
.ftf-checkout .checkout-wallet-action.is-discovering{visibility:hidden;height:0;overflow:hidden;margin:0;min-height:0}
.ftf-checkout .checkout-wallet-total{display:none}
.ftf-checkout .checkout-wallet-action.is-sticky{position:fixed;bottom:0;left:0;right:0;margin:0;padding:.8rem 1rem calc(.8rem + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #ddd;z-index:25;display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;align-items:center}
.ftf-checkout .is-sticky .checkout-wallet-total{display:block}
.ftf-checkout .is-sticky .checkout-wallet-total strong{display:block;white-space:nowrap}
.ftf-thanks .campaign-image{width:100%;height:auto;margin:0 auto 1.25rem;text-align:center}
.ftf-thanks .campaign-image img{width:100%;max-width:28rem;height:11rem;object-fit:cover;border-radius:var(--ftf-card-radius,22px)}
.ftf-support-card{margin:1.5rem 0;padding:1.25rem;border:1px solid #c9a24a66;border-radius:var(--ftf-card-radius,22px);background:#fff;box-shadow:0 .4rem 1.4rem #c9a24a18}
.ftf-support-card h2{font-size:1.6rem;font-weight:800;color:var(--ftf-ink,#111);margin:0 0 .65rem}
.ftf-support-card p{font-size:1rem;line-height:1.5;color:#555}
.ftf-support-card textarea.form-control{min-height:8rem;background:#fff;border:1px solid #c9a24a99;border-radius:1rem;resize:vertical}
.ftf-support-card button[type=submit]{margin-top:1rem;min-height:3rem;white-space:normal}
.ftf-support-card button[type=button]{display:block;margin:.5rem auto 0;color:#68501e}
.ftf-share-pills{display:flex;justify-content:center;flex-wrap:wrap;gap:.6rem;margin:1.25rem 0}
.ftf-share-pills a{display:inline-flex;align-items:center;gap:.45rem;border:1px solid #c9a24a;border-radius:999px;padding:.65rem 1rem;background:#fff;color:#9a7424;font-weight:600;text-decoration:none}
.ftf-share-pills a:focus-visible{outline:3px solid #111;outline-offset:3px}
.ftf-thanks .top-card-sharing{margin-top:1.75rem;font-size:1.1rem;line-height:1.5}
.ftf-thanks .form-row input{min-width:0;width:100%}
@media(max-width:575.98px){.ftf-thanks #payment-receipt-panel{padding-top:1.5rem!important}.ftf-support-card{padding:1rem}.ftf-thanks .campaign-image img{height:9rem}.ftf-thanks .top-card-title{font-size:1.35rem;line-height:1.4}}
.ftf-sticky-actions{position:sticky;top:0;z-index:1020;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem;padding:.5rem 1rem;background:rgba(255,255,255,.96);border-bottom:1px solid #c9a24a40;box-shadow:0 .25rem .8rem #00000008}
.ftf-sticky-actions[hidden]{display:none!important}
.ftf-sticky-actions a{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:2.5rem;padding:.55rem 1.2rem;border-radius:999px!important;white-space:normal;text-align:center;font-size:.85rem;line-height:1.3;font-weight:700;text-transform:uppercase}
.ftf-sticky-actions .ftf-action-outline{border:1px solid #c9a24a;background:white;color:#68501e;text-decoration:none}
.ftf-checkout .checkout-mobile-bar{border-radius:1.25rem 1.25rem 0 0}
.ftf-checkout .checkout-mobile-bar button{border-radius:999px!important;white-space:normal}
.ftf-sticky-actions{gap:.25rem;padding:.25rem .5rem}
.ftf-sticky-actions a{min-height:44px;padding:.25rem .5rem}
.ftf-sticky-actions{background:#fff;backdrop-filter:none}
.ftf-thanks .ftf-receipt-donation{color:var(--ftf-ink,#111);font-weight:700}
.ftf-thanks .ftf-receipt-tip{color:var(--ftf-gold-dark,#9a7424);font-weight:700}
.ftf-share-pills button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid #c9a24a;border-radius:999px;padding:.65rem 1rem;background:#fff;color:#9a7424;font:inherit;font-weight:600;line-height:1.3;max-width:100%;text-decoration:none}
.ftf-share-pills button{scroll-margin-block:1rem}
.ftf-share-pills button:focus-visible{outline:3px solid #111;outline-offset:3px}
.section-view-campaign .ftf-campaign-donate{background:var(--ftf-gold)!important;border:1px solid var(--ftf-gold)!important;color:#fff!important;min-height:3rem;padding:.8rem 1.4rem;font-size:1.2rem;line-height:1.3;border-radius:999px!important;box-shadow:0 5px 14px #c9a24a40}
body:has(.section-view-campaign) .ftf-sticky-actions .btn-primary{background:var(--ftf-gold)!important;border-color:var(--ftf-gold)!important;flex:1.5 1 0;max-width:24rem}
body:has(.section-view-campaign) .ftf-sticky-actions .ftf-action-outline{flex:1 1 0;max-width:18rem}
.ftf-comment-tabs{gap:.5rem;border:0;flex-wrap:wrap}
.ftf-comment-tabs .nav-link{border:1px solid var(--ftf-gold)!important;border-radius:999px!important;background:#fff;color:var(--ftf-ink);padding:.65rem 1rem}
.ftf-comment-tabs .nav-link.active{background:var(--ftf-gold)!important;color:#111!important}
.section-view-campaign .ftf-comments-title{font-family:var(--ftf-font);font-weight:800;color:var(--ftf-ink);letter-spacing:-.02em;text-transform:uppercase}
.ftf-comment-tabs .nav-link:focus-visible,.ftf-campaign-donate:focus-visible{outline:3px solid #9a7424;outline-offset:3px}
@media(max-width:575.98px){.section-view-campaign .ftf-campaign-donate{width:100%}}
.ftf-checkout .contribution-field .input-group{border:1px solid #c9a24a!important;border-radius:18px!important;overflow:hidden}
.ftf-checkout .contribution-field #amount{border:0!important;border-radius:0!important}
.ftf-checkout .checkout-method[aria-pressed="true"]{border-color:#c9a24a}
.ftf-checkout .checkout-method[aria-pressed="true"]::before{color:#c9a24a}
.section-view-campaign .ftf-campaign-donate{min-height:3.5rem;display:flex!important;align-items:center;justify-content:center;font-size:1.25rem;padding:1rem 1.5rem}
.ftf-checkout .contribution-field .input-group{border-radius:999px!important}
.ftf-checkout .contribution-field #amount,.ftf-checkout .contribution-field .input-group-text{background:transparent!important;box-shadow:none!important;border:0!important}
.ftf-checkout .contribution-field .input-group:focus-within{outline:3px solid #9a7424;outline-offset:3px}
.ftf-checkout .contribution-field #amount:focus{outline:0}
.ftf-checkout .contribution-field{margin-left:0!important;margin-right:0!important}
.ftf-page-heading{color:#111!important;font-weight:800!important;letter-spacing:-.02em!important;text-transform:uppercase;font-size:3rem;line-height:1.15;overflow-wrap:break-word}
.ftf-surface-card{border:1px solid rgba(201,162,74,.35);border-radius:var(--ftf-radius-card,22px);background:rgba(255,255,255,.94);box-shadow:0 10px 28px #0000000d}
@media(max-width:575.98px){.ftf-page-heading{font-size:min(2rem,8.6vw)}}
@media (max-width:575px){.user-dashboard-card .ftf-page-heading{font-size:1.5rem; word-break:normal; overflow-wrap:normal;}}
.section-view-campaign .ftf-campaign-donate{width:100%;background:var(--ftf-gold-gradient)!important;color:#fff!important;opacity:1!important;font-weight:700}
.section-view-campaign .ftf-campaign-donate:disabled{cursor:not-allowed;transform:none}
.ftf-checkout .contribution-field .input-group{background:#fff!important;outline:none!important;border:1px solid #c9a24a!important}
.ftf-checkout .contribution-field .input-group:focus-within{border-color:#76550e!important;box-shadow:inset 0 0 0 1px #76550e}
.ftf-checkout #contribute-btn:disabled,.ftf-checkout #checkout-sticky-donate:disabled{opacity:1!important;background:var(--ftf-gold-gradient)!important;color:#fff!important;cursor:not-allowed}
.ftf-checkout .checkout-mobile-bar{flex-wrap:wrap}
.ftf-checkout .checkout-mobile-bar .checkout-payment-hint{flex:0 0 100%;color:#333;line-height:1.3;margin:0;font-size:.85rem}
.ftf-checkout .checkout-payment-hint{color:#333;line-height:1.4}
.ftf-checkout .tip-slider__steps{display:none}
.ftf-checkout .campaign-sidebar-card .sidebar-campaign-title:not(.has-video){position:static;height:auto;padding-bottom:0;background:#f4f7fb}
.ftf-checkout .campaign-sidebar-card .sidebar-campaign-title:not(.has-video)>div{position:static;display:block;background:none;color:#18202a;text-shadow:none;padding:1rem;overflow-wrap:anywhere}
.ftf-checkout #tip-slider-container{padding-bottom:2rem}
.ftf-checkout #tip-slider{display:block;margin-top:1rem;margin-bottom:0}
body:has(.campaign-manage-header) .ftf-sticky-actions{position:static}
@keyframes rotation{
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }