/* BotHelp — CTA после статьи
   Акцентный цвет бренда: #F0645A
   Десктоп: текст слева, робот справа. Мобайл: робот сверху, кнопка на всю ширину. */

.bothelp-cta {
	--bh-accent: #F0645A;
	--bh-bg: #FFFFFF;
	--bh-border: #ECECEF;
	--bh-title: #1F2024;
	--bh-text: #5A5C63;
	margin: 48px 0;
}

.bothelp-cta * {
	box-sizing: border-box;
}

.bothelp-cta__inner {
	position: relative;
	display: flex;
	align-items: center;
	gap: 24px;
	background: var(--bh-bg);
	border: 1px solid var(--bh-border);
	border-radius: 24px;
	padding: 48px 56px;
	overflow: hidden;
	box-shadow: 0 6px 24px rgba(31, 32, 36, 0.05);
}

/* Тёплый коралловый подсвет со стороны робота — лёгкий нюанс бренда */
.bothelp-cta__inner::after {
	content: "";
	position: absolute;
	right: -120px;
	top: 50%;
	transform: translateY(-50%);
	width: 420px;
	height: 420px;
	background: radial-gradient(circle at 50% 50%, rgba(240, 100, 90, 0.10), rgba(240, 100, 90, 0) 68%);
	pointer-events: none;
	z-index: 0;
}

.bothelp-cta__content {
	flex: 1 1 56%;
	min-width: 0;
	position: relative;
	z-index: 2;
}

.bothelp-cta__title {
	margin: 0 0 16px;
	font-size: 34px;
	line-height: 1.15;
	font-weight: 700;
	color: var(--bh-title);
	letter-spacing: -0.01em;
}

.bothelp-cta__text {
	margin: 0 0 28px;
	font-size: 16px;
	line-height: 1.55;
	color: var(--bh-text);
	max-width: 460px;
}

.bothelp-cta__button {
	display: inline-block;
	background: var(--bh-accent);
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none !important;
	padding: 15px 32px;
	border-radius: 12px;
	transition: background-color .18s ease, transform .18s ease, box-shadow .18s ease;
	box-shadow: 0 8px 20px rgba(240, 100, 90, 0.25);
}

.bothelp-cta__button:hover,
.bothelp-cta__button:focus {
	background: #e0554b;
	transform: translateY(-1px);
	box-shadow: 0 10px 24px rgba(240, 100, 90, 0.32);
	color: #fff;
}

.bothelp-cta__button:active {
	transform: translateY(0);
}

/* Медиа-зона с роботом */
.bothelp-cta__media {
	flex: 0 0 auto;
	position: relative;
	width: 280px;
	align-self: stretch;
	display: flex;
	align-items: center;
	justify-content: center;
}

.bothelp-cta__robot {
	position: relative;
	z-index: 2;
	width: 280px;
	height: auto;
	max-width: 100%;
	display: block;
	filter: drop-shadow(0 12px 24px rgba(0, 0, 0, 0.12));
}

/* Планшет */
@media (max-width: 900px) {
	.bothelp-cta__inner {
		padding: 40px 40px;
		gap: 16px;
	}
	.bothelp-cta__title { font-size: 28px; }
	.bothelp-cta__media { width: 200px; }
	.bothelp-cta__robot { width: 200px; }
}

/* Мобайл: робот сверху, контент по центру, кнопка на всю ширину */
@media (max-width: 600px) {
	.bothelp-cta {
		margin: 32px 0;
	}
	.bothelp-cta__inner {
		flex-direction: column-reverse;
		text-align: center;
		padding: 28px 20px 32px;
		gap: 8px;
	}
	.bothelp-cta__content {
		flex: 1 1 auto;
		width: 100%;
	}
	.bothelp-cta__title {
		font-size: 24px;
		margin-bottom: 12px;
	}
	.bothelp-cta__text {
		font-size: 15px;
		margin: 0 auto 22px;
	}
	.bothelp-cta__button {
		display: block;
		width: 100%;
		padding: 16px;
	}
	.bothelp-cta__media {
		width: 100%;
		max-width: 240px;
		margin: 0 auto;
	}
	.bothelp-cta__robot {
		width: 220px;
		margin: 0 auto;
	}
}