/* ═══════════════════════════════════════════════════════════════ /donate — підтримати клуб довільною сумою через Vipps. Сторінка навмисно коротка. Людина, яка вже вирішила дати грошей, не має читати ще один лендінг: сума, кнопка, і все. Усе інше — необовʼязкове й нижче. КОЛЬОРИ СТАНІВ. Палітра проєкту закрита, зеленого й червоного токенів у tokens.css немає (див. коментар у components.css біля .form-error). Три значення нижче — єдині кольори поза токенами на цій сторінці, і в кожного поруч стоїть виміряний контраст, а не око. Рахувалось на композиті підкладки з білим фоном секції. ═══════════════════════════════════════════════════════════════ */ /* Панель — це .form-panel із join.css: фон, рамка, радіус і падінги однакові з усіма формами сайту. Звідси лише ширина. 560, а не 720 як у join: там багатополева анкета, тут одне рішення й одна кнопка, і розтягувати їх на всю смугу тексту немає за чим. */ .donate-panel { max-width: 560px; } /* Повернення з Vipps. Клас ставить інлайн-скрипт у до першого малювання; без цього форма встигала блимнути перед подякою, і це читалось як «платіж не пройшов». */ .is-donate-return [data-donate-form] { display: none; } .is-donate-return [data-donate-done] { display: block; } /* ─── Вибір суми ─────────────────────────────────────────────── */ .donate-set { margin: 0 0 16px; padding: 0; border: 0; } .donate-legend { display: block; padding: 0; margin-block-end: 12px; font-size: var(--fs-xs); font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; color: var(--c-muted); } .donate-amounts { display: grid; grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)); gap: 10px; } /* Кожна сума —