/* Лендинг донорства [kvdoc_donation]. Сетки/анимации/адаптив; пер-элементные стили — инлайн в donation.php. */
.vbdon { font-family: 'Golos Text', system-ui, sans-serif; }
.vbdon a { text-decoration: none; color: inherit; }
.vbdon-wrap { max-width: 1200px; margin: 0 auto; padding: 0 32px; }

.vbdon-crumbs { font-size: 13px; color: #8593b0; margin-bottom: 22px; }
.vbdon-crumbs a { color: #aeb9d2; }
.vbdon-crumbs a:hover { color: #fff; }

@keyframes kvdonPulse { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.08); opacity: .85; } }
@keyframes kvdonFloat { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: none; } }

.vbdon-hero  { display: grid; grid-template-columns: 1.15fr .85fr; gap: 56px; align-items: center; }
.vbdon-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.vbdon-who   { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; max-width: 760px; margin: 0 auto; }
.vbdon-mf    { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.vbdon-tg    { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }

.vbdon-hero__media { width: 100%; height: 460px; border-radius: 30px; overflow: hidden; }
.vbdon-hero__img { width: 100%; height: 100%; object-fit: cover; display: block; }
.vbdon-hero__ph { background: linear-gradient(135deg, #6275DD, #FF8562); display: flex; align-items: center; justify-content: center; }

@media (max-width: 980px) {
	.vbdon-wrap { padding: 0 20px; }
	.vbdon-hero, .vbdon-steps, .vbdon-who, .vbdon-mf, .vbdon-tg { grid-template-columns: 1fr; }
	.vbdon-hero { gap: 36px; }
	.vbdon-mega { font-size: 44px !important; }
	.vbdon-bignum { font-size: 110px !important; }
	.vbdon-hero__media { height: 320px; }
}