/* 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;
}

/* Стили для карточек тарифов */
.pricing-card {
	width: 100%;
	max-width: 100%;
	min-width: 280px;
	flex: 0 0 auto;
}

@media (min-width: 640px) {
	.pricing-card {
		width: calc(50% - 1rem);
	}
}

@media (min-width: 1024px) {
	.pricing-card {
		width: calc(25% - 1.5rem);
	}
}

/* === СКРОЛЛ ДЛЯ МОДАЛКИ РАЙДЕРА === */

/* Контейнер контента с прокруткой */
.rider-content {
	max-height: 60vh;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	padding-right: 4px;
	padding-bottom: 16px;
	
	/* Стили для Firefox */
	scrollbar-width: thin;
	scrollbar-color: rgba(255, 255, 255, 0.3) rgba(255, 255, 255, 0.1);
}

/* Скроллбар для Webkit (Chrome, Safari, Edge) */
.rider-content::-webkit-scrollbar {
	width: 7px;
}

.rider-content::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, 0.1);
	border-radius: 4px;
}

.rider-content::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.3);
	border-radius: 4px;
}

.rider-content::-webkit-scrollbar-thumb:hover {
	background: rgba(255, 255, 255, 0.5);
}

/* === МОБИЛЬНАЯ ВЕРСИЯ === */
@media (max-width: 768px) {
	.rider-content {
		max-height: 55vh;
		padding-bottom: 24px;
	}
	
	.rider-content::-webkit-scrollbar {
		width: 6px;
	}
}

.rider-content::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.3);
	border-radius: 4px;
}

.rider-content::-webkit-scrollbar-thumb:hover {
	background: rgba(255, 255, 255, 0.5);
}

/* === МОБИЛЬНАЯ ВЕРСИЯ === */
@media (max-width: 768px) {
	.rider-content {
		max-height: 55vh;
		padding-bottom: 24px;
	}
	
	.rider-content::-webkit-scrollbar {
		width: 6px;
	}
}