/* Section Container */
        .donate-section {
            padding: var(--section-padding-y) var(--spacing-lg);
            background: linear-gradient(135deg, var(--color-primary) 0%, rgba(var(--color-primary-rgb), 0.95) 100%);
            position: relative;
            overflow: hidden;
        }

        /* Background Decorative Elements */
        .donate-section .section-decoration {
            position: absolute;
            border-radius: 50%;
            opacity: 1,0;
            z-index: 0;
        }

        .donate-section .decoration-1 {
            width: 500px;
            height: 500px;
            background-color: var(--color-accent);
            top: -150px;
            right: -150px;
        }

       .donate-section  .decoration-2 {
            width: 400px;
            height: 400px;
            background-color: var(--color-accent);
            bottom: -100px;
            left: -100px;
        }

        /* Main Container */
        .donate-section .container {
            max-width: var(--container-xl);
            margin: 0 auto;
            position: relative;
            z-index: 1;
        }

        /* Section Header */
        .section-header {
            text-align: center;
            margin-bottom: var(--spacing-5xl);
        }

        .donate-section .section-title {
            font-size: var(--font-size-6xl);
            font-weight: var(--font-weight-bold);
            color: var(--color-accent);
            font-family: var(--font-heading);
            margin-bottom: var(--spacing-2xl);
        }

        /* QR Code Container */
        .qr-container {
            display: flex;
            justify-content: center;
            margin-bottom: var(--spacing-3xl);
        }

        .qr-code {
            background: var(--color-white);
            padding: var(--spacing-lg);
            border-radius: var(--card-radius);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
        }

        .qr-code img {
            width: 150px;
            height: 150px;
            display: block;
        }

        /* Donation Tiers Grid */
        .donation-tiers {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: var(--spacing-xl);
            margin-bottom: var(--spacing-5xl);
        }

        /* Donation Tier Card */
        .tier-card {
            background: var(--color-white);
            border-radius: var(--card-radius);
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
            transition: all var(--transition-base);
            transform-origin: center;
        }

        .tier-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);
        }

        /* Tier Header */
        .tier-header {
            background: linear-gradient(135deg, var(--color-accent) 0%, rgba(var(--color-accent-rgb), 0.9) 100%);
            padding: var(--spacing-lg);
            text-align: center;
            border-bottom: 4px solid var(--color-primary);
        }

        .tier-label {
            font-size: var(--font-size-sm);
            font-weight: var(--font-weight-bold);
            color: var(--color-primary);
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: var(--spacing-md);
        }

        /* Tier Body */
        .tier-body {
            padding: var(--spacing-xl);
            text-align: center;
            background: var(--color-background-alt);
        }

        .tier-amount {
            font-size: var(--font-size-5xl);
            font-weight: var(--font-weight-bold);
            color: var(--color-primary);
            font-family: var(--font-heading);
            margin-bottom: var(--spacing-md);
        }

        .tier-amount span {
            font-size: var(--font-size-2xl);
            color: var(--color-text-light);
        }

        .tier-description {
            font-size: var(--font-size-sm);
            color: var(--color-text-light);
            line-height: var(--line-height-relaxed);
            min-height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        /* Bottom Section - Bank Info & Form */
        .bottom-section {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: var(--spacing-3xl);
            align-items: stretch;
        }

        .bottom-section > * {
            min-width: 0;
        }

        /* Bank Info Card */
        .bank-info-card {
            background: linear-gradient(135deg, var(--color-primary-light) 0%, rgba(var(--color-primary-light-rgb), 0.9) 100%);
            padding: var(--spacing-3xl);
            border-radius: var(--card-radius);
            color: var(--color-white);
            box-shadow: 0 15px 40px rgba(var(--color-primary-light-rgb), 0.3);
            position: relative;
            overflow: hidden;
            line-height: var(--line-height-relaxed);
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.22);
            box-sizing: border-box;
            max-width: 100%;
        }

        .bank-info-card::before {
            content: '';
            position: absolute;
            top: -50%;
            right: -50%;
            width: 300px;
            height: 300px;
            background: rgba(var(--color-accent-rgb), 0.1);
            border-radius: 50%;
            z-index: 0;
        }

        .bank-info-card::after {
            content: '';
            position: absolute;
            inset: 0;
            background: rgba(0, 0, 0, 0.12);
            z-index: 0;
            pointer-events: none;
        }

        .bank-info-content {
            position: relative;
            z-index: 1;
            width: 100%;
            max-width: 100%;
        }

        .bank-title {
            font-size: var(--font-size-2xl);
            font-weight: var(--font-weight-bold);
            margin-bottom: var(--spacing-xl);
            font-family: var(--font-heading);
            letter-spacing: 0.2px;
            color: var(--color-accent);
            text-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
            display: inline-block;
            background: rgba(0, 0, 0, 0.18);
            padding: calc(var(--spacing-sm) + 2px) calc(var(--spacing-lg) + 2px);
            border-radius: var(--radius-lg);
        }

        .bank-item {
            margin-bottom: var(--spacing-xl);
            font-size: var(--font-size-sm);
            line-height: var(--line-height-relaxed);
        }

        .bank-label {
            font-weight: var(--font-weight-bold);
            margin-bottom: var(--spacing-sm);
            color: rgba(255, 255, 255, 0.92);
            text-transform: uppercase;
            letter-spacing: 0.8px;
            font-size: var(--font-size-xs);
        }

        .bank-value {
            font-family: 'Courier New', monospace;
            opacity: 1;
            color: rgba(var(--color-primary-rgb), 0.98);
            background: rgba(255, 255, 255, 0.86);
            border: 1px solid rgba(255, 255, 255, 0.35);
            padding: var(--spacing-md);
            border-radius: var(--radius-lg);
            overflow-wrap: anywhere;
            word-break: break-word;
            max-width: 100%;
            box-sizing: border-box;
        }

        .bank-note {
            margin-top: var(--spacing-xl);
            padding-top: var(--spacing-xl);
            border-top: 2px solid rgba(255, 255, 255, 0.22);
            font-size: var(--font-size-sm);
            line-height: var(--line-height-relaxed);
            color: rgba(255, 255, 255, 0.98);
            background: rgba(0, 0, 0, 0.14);
            padding: var(--spacing-lg);
            border-radius: var(--radius-lg);
        }

        .bank-note strong {
            color: var(--color-accent);
        }

        .bank-info-card #5permille {
            scroll-margin-top: 120px;
        }

        .bank-info-card .fivepermille-block {
            margin-top: var(--spacing-xl);
            background: rgba(0, 0, 0, 0.14);
            border: 1px solid rgba(255, 255, 255, 0.16);
            border-radius: var(--radius-lg);
            padding: var(--spacing-lg);
        }

        .bank-info-card .fivepermille-title {
            font-family: var(--font-heading);
            font-size: var(--font-size-lg);
            font-weight: var(--font-weight-bold);
            margin: 0 0 var(--spacing-sm);
            color: var(--color-accent);
            text-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
        }

        .bank-info-card .fivepermille-text {
            margin: 0 0 var(--spacing-md);
            color: rgba(255, 255, 255, 0.98);
            line-height: var(--line-height-relaxed);
        }

        .bank-info-card .fivepermille-text strong:last-of-type {
            display: inline-block;
            margin-top: var(--spacing-sm);
            background: rgba(255, 255, 255, 0.14);
            border: 1px solid rgba(255, 255, 255, 0.18);
            padding: 6px 10px;
            border-radius: var(--radius-lg);
        }

        .bank-info-card .fivepermille-image {
            border-radius: var(--radius-lg);
            overflow: hidden;
        }

        .bank-info-card .fivepermille-image img {
            width: 100%;
            max-height: 360px;
            height: auto;
            display: block;
            object-fit: cover;
        }

        .bank-image {
            margin-top: var(--spacing-xl);
            border-radius: var(--radius-lg);
            overflow: hidden;
        }

        .bank-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* Donation Form Card */
        .form-card {
            background: var(--color-white);
            padding: var(--spacing-3xl);
            border-radius: var(--card-radius);
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
            border-top: 5px solid var(--color-accent);
        }

        .donate-section .simpay-form-wrap.simpay-embedded-form-wrap {
            background: var(--color-white);
            padding: var(--spacing-3xl);
            border-radius: var(--card-radius);
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
            border-top: 5px solid var(--color-accent);
        }

        .donate-section .simpay-embedded-heading.simpay-styled {
            margin-bottom: var(--spacing-xl);
        }

        .donate-section .simpay-embedded-heading .simpay-form-title {
            font-size: var(--font-size-2xl);
            font-weight: var(--font-weight-bold);
            color: var(--color-primary);
            margin-bottom: var(--spacing-md);
            font-family: var(--font-heading);
        }

        .donate-section .simpay-embedded-heading .simpay-form-description {
            font-size: var(--font-size-sm);
            color: var(--color-text-light);
            margin-bottom: 0;
        }

        .donate-section .simpay-checkout-form.simpay-styled {
            margin: 0;
        }

        .donate-section .simpay-form-control {
            margin-bottom: var(--spacing-lg);
        }

        .donate-section .simpay-label-wrap label,
        .donate-section .simpay-label-wrap legend {
            display: block;
            font-size: var(--font-size-sm);
            font-weight: var(--font-weight-semibold);
            color: var(--color-text);
            margin-bottom: var(--spacing-sm);
        }

        .donate-section .simpay-field-wrap input[type="text"],
        .donate-section .simpay-field-wrap input[type="email"],
        .donate-section .simpay-field-wrap input[type="tel"],
        .donate-section .simpay-field-wrap input[type="number"],
        .donate-section .simpay-field-wrap select {
            width: 100%;
            padding: var(--spacing-md);
            border: 2px solid var(--color-border);
            border-radius: var(--radius-lg);
            font-family: var(--font-primary);
            font-size: var(--font-size-sm);
            transition: all var(--transition-base);
            background: var(--color-white);
        }

        .donate-section .simpay-field-wrap input[type="text"]:focus,
        .donate-section .simpay-field-wrap input[type="email"]:focus,
        .donate-section .simpay-field-wrap input[type="tel"]:focus,
        .donate-section .simpay-field-wrap input[type="number"]:focus,
        .donate-section .simpay-field-wrap select:focus {
            outline: none;
            border-color: var(--color-primary);
            box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.1);
        }

        .donate-section .simpay-custom-amount-wrap {
            position: relative;
        }

        .donate-section .simpay-currency-symbol {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: var(--spacing-md);
            color: var(--color-text-light);
            font-weight: var(--font-weight-semibold);
            pointer-events: none;
        }

        .donate-section .simpay-custom-amount-input-symbol-right {
            padding-right: calc(var(--spacing-md) + 24px);
        }

        .donate-section .StripeElement,
        .donate-section .simpay-upe-wrap {
            border: 2px solid var(--color-border);
            border-radius: var(--radius-lg);
            padding: var(--spacing-md);
            background: var(--color-white);
            transition: all var(--transition-base);
        }

        .donate-section .StripeElement:focus-within,
        .donate-section .simpay-upe-wrap:focus-within {
            border-color: var(--color-primary);
            box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.1);
        }

        .donate-section .simpay-errors {
            font-size: var(--font-size-xs);
            color: #b42318;
            margin-top: var(--spacing-sm);
        }

        .donate-section .simpay-checkout-btn-container {
            margin-top: var(--spacing-lg);
        }

        .donate-section .simpay-btn.simpay-checkout-btn {
            background: linear-gradient(135deg, var(--color-primary) 0%, rgba(var(--color-primary-rgb), 0.9) 100%);
            color: var(--color-white);
            padding: var(--button-padding-y) var(--button-padding-x);
            border: none;
            border-radius: var(--button-radius);
            font-size: var(--button-font-size);
            font-weight: var(--button-font-weight);
            cursor: pointer;
            transition: all var(--transition-base);
            text-transform: uppercase;
            letter-spacing: 1px;
            box-shadow: 0 5px 15px rgba(var(--color-primary-rgb), 0.3);
            width: 100%;
        }

        .donate-section .simpay-btn.simpay-checkout-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 25px rgba(var(--color-primary-rgb), 0.4);
        }

        .donate-section .simpay-test-mode-badge-container {
            display: flex;
            justify-content: center;
            margin-top: var(--spacing-lg);
        }

        .form-title {
            font-size: var(--font-size-2xl);
            font-weight: var(--font-weight-bold);
            color: var(--color-primary);
            margin-bottom: var(--spacing-md);
            font-family: var(--font-heading);
        }

        .form-subtitle {
            font-size: var(--font-size-sm);
            color: var(--color-text-light);
            margin-bottom: var(--spacing-xl);
        }

        .form-group {
            margin-bottom: var(--spacing-lg);
        }

        .form-label {
            display: block;
            font-size: var(--font-size-sm);
            font-weight: var(--font-weight-semibold);
            color: var(--color-text);
            margin-bottom: var(--spacing-sm);
        }

        .form-input {
            width: 100%;
            padding: var(--spacing-md);
            border: 2px solid var(--color-border);
            border-radius: var(--radius-lg);
            font-family: var(--font-primary);
            font-size: var(--font-size-sm);
            transition: all var(--transition-base);
        }

        .form-input:focus {
            outline: none;
            border-color: var(--color-primary);
            box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.1);
        }

        .form-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: var(--spacing-lg);
        }

        .form-button {
            background: linear-gradient(135deg, var(--color-primary) 0%, rgba(var(--color-primary-rgb), 0.9) 100%);
            color: var(--color-white);
            padding: var(--button-padding-y) var(--button-padding-x);
            border: none;
            border-radius: var(--button-radius);
            font-size: var(--button-font-size);
            font-weight: var(--button-font-weight);
            cursor: pointer;
            transition: all var(--transition-base);
            text-transform: uppercase;
            letter-spacing: 1px;
            box-shadow: 0 5px 15px rgba(var(--color-primary-rgb), 0.3);
            width: 100%;
            margin-top: var(--spacing-lg);
        }

        .form-button:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 25px rgba(var(--color-primary-rgb), 0.4);
        }

        /* Responsive Design */
        @media (max-width: 1024px) {
            .bottom-section {
                grid-template-columns: 1fr;
            }

            .donation-tiers {
                grid-template-columns: repeat(2, 1fr);
            }

            .section-title {
                font-size: var(--font-size-5xl);
            }
        }

        @media (max-width: 768px) {
            .donate-section {
                padding: var(--section-padding-y-mobile) var(--spacing-lg);
                overflow-x: hidden;
            }

            .section-title {
                font-size: var(--font-size-4xl);
            }

            .donation-tiers {
                grid-template-columns: 1fr;
                justify-items: center;
            }

            .tier-card {
                margin: 0 auto;
                width: 100%;
                max-width: 360px;
            }

            .bottom-section {
                gap: var(--spacing-2xl);
                justify-items: center;
            }

            .bank-info-card,
            .form-card {
                padding: var(--spacing-2xl);
                width: 100%;
                max-width: 420px;
                box-sizing: border-box;
            }

            .form-row {
                grid-template-columns: 1fr;
            }

            .donate-section .decoration-1, .decoration-2 {
                opacity: 0.04;
            }
        }

        @media (max-width: 480px) {

            .donate-section .container {
                max-width: none !important;
                padding: 0;
                width: 100%;
            }

            .bottom-section {
                width: 100%;
            }

            .donate-section {
                padding: var(--spacing-3xl) var(--spacing-lg);
                overflow-x: hidden;
            }

            .tier-card {
                max-width: 320px;
            }

            .section-title {
                font-size: var(--font-size-3xl);
            }

            .qr-code {
                padding: var(--spacing-md);
            }

            .qr-code img {
                width: 120px;
                height: 120px;
            }

            .tier-amount {
                font-size: var(--font-size-4xl);
            }

            .bank-info-card,
            .form-card {
                padding: var(--spacing-xl);
                width: 100%;
                max-width: 100%;
                box-sizing: border-box;
                margin-left: auto;
                margin-right: auto;
            }

            .bank-info-card {
                width: calc(100vw - (2 * var(--spacing-lg)));
                max-width: calc(100vw - (2 * var(--spacing-lg)));
            }

            .bank-title,
            .form-title {
                font-size: var(--font-size-xl);
            }
            .bank-image {
                height: 150px;
            }
        }