/* #toTopBtn {
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 56px;
	height: 56px;
	background: #0a74da;
	border-radius: 50%;
	cursor: pointer;
	border: none;
	outline: none;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 28px;
	color: white;
	box-shadow: 0 0 8px rgba(10, 116, 218, 0.6);
	animation: pulse 2.5s infinite;
	transition: background 0.3s ease, box-shadow 0.3s ease;
	z-index: 1000;
}

#toTopBtn:hover {
	background: #0c8ceb;
	box-shadow: 0 0 15px rgba(12, 140, 235, 0.9);
	animation: none;
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(10, 116, 218, 0.7);
	}
	70% {
		box-shadow: 0 0 0 12px rgba(10, 116, 218, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(10, 116, 218, 0);
	}
} */


#toTopBtn {
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 56px;
	height: 56px;
	background: #0077ff;
	border-radius: 50%;
	cursor: pointer;
	border: none;
	outline: none;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 28px;
	color: white;
	box-shadow:
		0 0 8px rgba(0, 119, 255, 0.6),
		0 0 20px rgba(0, 119, 255, 0.4);
	text-shadow: 0 0 4px rgba(255, 255, 255, 0.6);
	animation: pulse 2.5s infinite, swing 4s infinite ease-in-out;
	transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
	z-index: 1000;
	opacity: 0;
	visibility: hidden;
}

#toTopBtn svg {
	width: 24px;
	height: 24px;
	stroke: white;
	transform: rotate(180deg); /* Стрелка вниз */
	transition: transform 0.3s ease;
}

#toTopBtn.show {
	animation: popIn 0.5s ease-out, pulse 2.5s infinite, swing 4s infinite ease-in-out;
	opacity: 1;
	visibility: visible;
}

#toTopBtn:hover {
	background: #3399ff;
	box-shadow: 0 0 15px rgba(0, 119, 255, 0.9);
	transform: translateY(-4px);
	animation: none;
}

#toTopBtn:hover svg {
	transform: rotate(0deg); /* Поворачивается вверх */
}

/* Пульсация */
@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(0, 119, 255, 0.7);
	}
	70% {
		box-shadow: 0 0 0 12px rgba(0, 119, 255, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(0, 119, 255, 0);
	}
}

/* Покачивание */
@keyframes swing {
	0%, 100% {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(3deg);
	}
}

/* Появление */
@keyframes popIn {
	from {
		transform: scale(0.6);
		opacity: 0;
	}
	to {
		transform: scale(1);
		opacity: 1;
	}
}
