body.ucc-donation-thank-you .inner-page-text {
    background-color: #edf6fa;
    padding: 200px 0 48px;
}

body.ucc-donation-thank-you .banner-sec.back-img,
body.ucc-donation-thank-you .entry-header,
body.ucc-donation-thank-you .page-title {
    display: none !important;
}

/* ── Entrance animations (success state) ── */

@keyframes ucc-dty-fade-up {
    from {
        opacity: 0;
        transform: translateY(18px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes ucc-dty-heart-in {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    55% {
        opacity: 1;
        transform: scale(1.18);
    }
    75% {
        transform: scale(0.94);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes ucc-dty-heart-pulse {
    0%,
    100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.06);
    }
}

@keyframes ucc-dty-heart-rings {
    0%,
    100% {
        box-shadow:
            0 0 0 8px rgba(241, 89, 42, 0.14),
            0 0 0 18px rgba(241, 89, 42, 0.07),
            0 0 0 30px rgba(241, 89, 42, 0.03);
    }
    50% {
        box-shadow:
            0 0 0 14px rgba(241, 89, 42, 0.2),
            0 0 0 28px rgba(241, 89, 42, 0.1),
            0 0 0 44px rgba(241, 89, 42, 0.04);
    }
}

@keyframes ucc-dty-ripple {
    0% {
        width: 56px;
        height: 56px;
        opacity: 0.45;
    }
    100% {
        width: 148px;
        height: 148px;
        opacity: 0;
    }
}

@keyframes ucc-dty-confetti-1 {
    0% {
        top: 50%;
        left: 50%;
        opacity: 0;
        transform: translate(-50%, -50%) scale(0) rotate(0deg);
    }
    70% {
        opacity: 1;
    }
    100% {
        top: 8px;
        left: 18px;
        opacity: 1;
        transform: rotate(25deg) scale(1);
    }
}

@keyframes ucc-dty-confetti-2 {
    0% {
        top: 50%;
        left: 50%;
        right: auto;
        opacity: 0;
        transform: translate(-50%, -50%) scale(0);
    }
    70% {
        opacity: 1;
    }
    100% {
        top: 14px;
        right: 12px;
        left: auto;
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes ucc-dty-confetti-3 {
    0% {
        top: 50%;
        left: 50%;
        bottom: auto;
        opacity: 0;
        transform: translate(-50%, -50%) scale(0) rotate(0deg);
    }
    70% {
        opacity: 1;
    }
    100% {
        bottom: 18px;
        left: 8px;
        top: auto;
        opacity: 1;
        transform: rotate(-15deg) scale(1);
    }
}

@keyframes ucc-dty-confetti-4 {
    0% {
        top: 50%;
        left: 50%;
        right: auto;
        bottom: auto;
        opacity: 0;
        transform: translate(-50%, -50%) scale(0);
    }
    70% {
        opacity: 1;
    }
    100% {
        bottom: 10px;
        right: 20px;
        top: auto;
        left: auto;
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes ucc-dty-confetti-5 {
    0% {
        top: 50%;
        left: 50%;
        right: auto;
        opacity: 0;
        transform: translate(-50%, -50%) scale(0) rotate(0deg);
    }
    70% {
        opacity: 1;
    }
    100% {
        top: 42px;
        right: 4px;
        left: auto;
        opacity: 1;
        transform: rotate(40deg) scale(1);
    }
}

@keyframes ucc-dty-confetti-float {
    0%,
    100% {
        translate: 0 0;
    }
    50% {
        translate: 0 -5px;
    }
}
.ucc-donation-thank-you-wrap{
    padding-top: 180px;
}
.ucc-donation-thank-you-wrap .ucc-confirmation-panel {
    animation: ucc-dty-fade-up 0.55s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.ucc-donation-thank-you-wrap .ucc-confirmation-hero--success .ucc-confirmation-hero__burst::before,
.ucc-donation-thank-you-wrap .ucc-confirmation-hero--success .ucc-confirmation-hero__burst::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    border: 2px solid rgba(241, 89, 42, 0.28);
    transform: translate(-50%, -50%);
    pointer-events: none;
    animation: ucc-dty-ripple 2.4s ease-out infinite;
}

.ucc-donation-thank-you-wrap .ucc-confirmation-hero--success .ucc-confirmation-hero__burst::after {
    animation-delay: 0.8s;
}

.ucc-donation-thank-you__heart {
    color: #f1592a;
    box-shadow:
        0 0 0 8px rgba(241, 89, 42, 0.12),
        0 0 0 18px rgba(241, 89, 42, 0.06),
        0 0 0 30px rgba(241, 89, 42, 0.03);
    animation:
        ucc-dty-heart-in 0.7s cubic-bezier(0.34, 1.56, 0.64, 1) 0.1s both,
        ucc-dty-heart-rings 2.4s ease-in-out 0.9s infinite;
}

.ucc-donation-thank-you__heart svg {
    animation: ucc-dty-heart-pulse 2s ease-in-out 0.9s infinite;
    transform-origin: center;
}

.ucc-donation-thank-you-wrap .ucc-confirmation-hero--success .ucc-confirmation-hero__confetti--1 {
    animation:
        ucc-dty-confetti-1 0.65s cubic-bezier(0.34, 1.56, 0.64, 1) 0.25s both,
        ucc-dty-confetti-float 2.8s ease-in-out 0.95s infinite;
}

.ucc-donation-thank-you-wrap .ucc-confirmation-hero--success .ucc-confirmation-hero__confetti--2 {
    animation:
        ucc-dty-confetti-2 0.65s cubic-bezier(0.34, 1.56, 0.64, 1) 0.32s both,
        ucc-dty-confetti-float 3.1s ease-in-out 1s infinite;
}

.ucc-donation-thank-you-wrap .ucc-confirmation-hero--success .ucc-confirmation-hero__confetti--3 {
    animation:
        ucc-dty-confetti-3 0.65s cubic-bezier(0.34, 1.56, 0.64, 1) 0.38s both,
        ucc-dty-confetti-float 2.6s ease-in-out 1.05s infinite;
}

.ucc-donation-thank-you-wrap .ucc-confirmation-hero--success .ucc-confirmation-hero__confetti--4 {
    animation:
        ucc-dty-confetti-4 0.65s cubic-bezier(0.34, 1.56, 0.64, 1) 0.44s both,
        ucc-dty-confetti-float 3.4s ease-in-out 1.1s infinite;
}

.ucc-donation-thank-you-wrap .ucc-confirmation-hero--success .ucc-confirmation-hero__confetti--5 {
    animation:
        ucc-dty-confetti-5 0.65s cubic-bezier(0.34, 1.56, 0.64, 1) 0.5s both,
        ucc-dty-confetti-float 2.9s ease-in-out 1.15s infinite;
}

.ucc-donation-thank-you-wrap .ucc-confirmation-hero--success .ucc-confirmation-hero__title {
    animation: ucc-dty-fade-up 0.55s ease 0.45s both;
}

.ucc-donation-thank-you-wrap .ucc-confirmation-hero--success .ucc-confirmation-hero__subtitle {
    animation: ucc-dty-fade-up 0.55s ease 0.58s both;
}

.ucc-donation-thank-you-wrap .ucc-confirmation-hero--success .ucc-confirmation-head-row {
    animation: ucc-dty-fade-up 0.55s ease 0.7s both;
}

.ucc-donation-thank-you-wrap .ucc-confirmation-hero--success .ucc-confirmation-detail:nth-child(1) {
    animation: ucc-dty-fade-up 0.5s ease 0.82s both;
}

.ucc-donation-thank-you-wrap .ucc-confirmation-hero--success .ucc-confirmation-detail:nth-child(2) {
    animation: ucc-dty-fade-up 0.5s ease 0.92s both;
}

.ucc-donation-thank-you-wrap .ucc-confirmation-hero--success .ucc-confirmation-detail:nth-child(3) {
    animation: ucc-dty-fade-up 0.5s ease 1.02s both;
}

.ucc-donation-thank-you-wrap .ucc-confirmation-hero--success .ucc-confirmation-detail:nth-child(4) {
    animation: ucc-dty-fade-up 0.5s ease 1.12s both;
}

.ucc-donation-thank-you__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin: 0 auto 40px;
    max-width: 640px;
    animation: ucc-dty-fade-up 0.55s ease 1.22s both;
}

.ucc-confirmation-btn--secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 22px;
    border-radius: 999px;
    border: 2px solid #25aae1;
    background: #fff;
    color: #25aae1;
    font-weight: 700;
    text-decoration: none !important;
    transition: background 0.2s ease, color 0.2s ease;
}

.ucc-confirmation-btn--secondary:hover,
.ucc-confirmation-btn--secondary:focus {
    background: #25aae1;
    color: #fff;
}
@media screen and (max-width: 991px) {
    .ucc-donation-thank-you-wrap{
        padding-top: 100px;
        margin-top: 24px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .ucc-donation-thank-you-wrap .ucc-confirmation-panel,
    .ucc-donation-thank-you-wrap .ucc-confirmation-hero--success .ucc-confirmation-hero__burst::before,
    .ucc-donation-thank-you-wrap .ucc-confirmation-hero--success .ucc-confirmation-hero__burst::after,
    .ucc-donation-thank-you__heart,
    .ucc-donation-thank-you__heart svg,
    .ucc-donation-thank-you-wrap .ucc-confirmation-hero--success .ucc-confirmation-hero__confetti,
    .ucc-donation-thank-you-wrap .ucc-confirmation-hero--success .ucc-confirmation-hero__title,
    .ucc-donation-thank-you-wrap .ucc-confirmation-hero--success .ucc-confirmation-hero__subtitle,
    .ucc-donation-thank-you-wrap .ucc-confirmation-hero--success .ucc-confirmation-head-row,
    .ucc-donation-thank-you-wrap .ucc-confirmation-hero--success .ucc-confirmation-detail,
    .ucc-donation-thank-you__actions {
        animation: none !important;
    }
}

@media (max-width: 600px) {
    body.ucc-donation-thank-you .inner-page-text {
        padding-top: 88px;
    }

    .ucc-donation-thank-you__actions {
        flex-direction: column;
        align-items: stretch;
    }
}