/* pricing.css */

/* Стили для плавающего значка подарка */
.gift-icon {
	position: relative;
	animation: bounce-slow 3s ease-in-out infinite;
}

@keyframes bounce-slow {
	0%, 100% { transform: translateY(0px); }
	50% { transform: translateY(-5px); } /* Немного поднимается вверх */
}

/* Стили для фона значка (как в навигации) */
.gift-bg {
	background: linear-gradient(135deg,
		rgba(255, 255, 255, 0.9) 0%,
		rgba(255, 182, 193, 0.7) 15%,
		rgba(255, 105, 180, 0.6) 30%,
		rgba(138, 43, 226, 0.6) 45%,
		rgba(75, 0, 130, 0.7) 60%,
		rgba(0, 191, 255, 0.6) 75%,
		rgba(173, 216, 230, 0.7) 90%,
		rgba(255, 255, 255, 0.9) 100%
	);
	background-size: 200% 200%;
	animation: rainbow-shimmer 4s ease infinite;
}

/* Стили для обводки (как в навигации) */
.gift-border {
	position: absolute;
	inset: -2px;
	border-radius: 50%;
	background: linear-gradient(45deg,
		rgba(255, 182, 193, 0.6),
		rgba(255, 105, 180, 0.5),
		rgba(138, 43, 226, 0.5),
		rgba(0, 191, 255, 0.5),
		rgba(173, 216, 230, 0.6)
	);
	background-size: 300% 300%;
	animation: rainbow-shimmer 3s ease infinite;
	filter: blur(4px);
	z-index: -1;
}

/* Общая анимация для градиентов */
@keyframes rainbow-shimmer {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}

/* Плавность для hover */
.gift-icon:hover .gift-bg {
	transform: scale(1.1);
	transition: transform 0.3s ease;
}