/* ОПЛАТА: отдельные стили основной страницы пожертвований.
 * Размер логотипа — 48px; название и получатель находятся справа.
 * Этот файл загружайте вместе с donate.html.
 */
/* 78. Пожертвования → логотип слева, название и получатель справа */
.donate-page .payment-method-header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 18px;
    min-height: 60px;
}

.donate-page .payment-method-logo {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    object-fit: contain;
    max-width: 48px;
}

.donate-page .payment-method-copy {
    min-width: 0;
}

.donate-page .payment-method-copy h3 {
    margin: 0 0 6px;
    font-size: 18px;
}

.donate-page .payment-method-copy p {
    margin: 0;
    font-size: 12px;
    line-height: 1.5;
    color: var(--muted);
    overflow-wrap: anywhere;
}

/* 79. Пожертвования → кнопки копирования и перехода к оплате */
.donate-page .payment-method-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}

.donate-page .payment-method-actions .copy-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 14px;
    min-height: 40px;
    font-family: var(--sans);
    line-height: 1.4;
}

.donate-page .donate-btn {
    background: var(--g3);
    color: #fff;
    border-color: var(--g3);
}

.donate-page .donate-btn:hover {
    background: var(--g2);
    border-color: var(--g2);
}

.donate-page .donate-btn:focus-visible {
    outline: 3px solid var(--g5);
    outline-offset: 3px;
}

.donate-page .contact-info {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--ink);
}